Android實現宮格圖片連續滑動效果

　　在這之前，寫過幾篇關於在Android中實現滑動的效果，畢竟滑動效果在Andriod開發中也使用得比較頻繁，有興趣的朋友請查看我以前的文章，這裡不再詳述。

　　今天寫這篇文章的緣由是前一段時間一個網友在我的博客上面留言，想要實現在GridLayout(相當於九宮格)中點擊每項可左右滑動顯示該宮格的圖片，當該宮格的圖片顯示完以後，接著顯示下一宮格的圖片。那麼看過我以前關於滑動方面的文章的朋友，相信要實現前者的效果並不難，關鍵在於如何實現後者，即如何在一個宮格的圖片顯示完以後，接著顯示下一宮格的圖片。那麼這就是我們今天這篇文章要探討的內容。

　　說到這裡呢，首先對這位網友說聲抱歉，由於前些日子太忙，直到現在有那麼一點時間來寫這篇文章，畢竟平常工作也比較忙，不能即時回答大家的問題，還請諒解。

　　好了，言歸正傳，繼續來介紹我們的內容。在這篇文章裡，我們實現的示例帶有什麼樣的功能呢?為了大家能更多的學習Android方面的知識，我的這個示例除了實現上面討論的功能以外，還實現了如下的功能：

　　圖片多線程加載;

　　圖片可自動浏覽;

　　可隱藏頭部和底部;

　　圖片加載時可顯示翻牌效果;

　　宮格切換時實現3D切換效果;

　　宮格圖片可切換成ListView樣式;

　　可配置各種選項，比如緩存大小、線程池大小、圖片顯示等。

　　為了大家能更好的理解，我們先來看下要實現的效果圖：

　　大家看了效果圖之後就會有一種似曾相識的感覺。這就對了，因為這種效果在新聞客戶端中比較常見，當然也可以用於其他的應用當中。

　　下面就讓我們開始實現過程。

　　先熟悉下MainActivity.java的代碼，如下：

　　package com.palace.image.activity;

　　import com.image.loader.core.DisplayImageOptions;

　　import com.palace.image.R;

　　import com.palace.image.adapter.GridViewAdapter;

　　import android.content.Intent;

　　import android.graphics.Color;

　　import android.graphics.drawable.ColorDrawable;

　　import android.os.Bundle;

　　import android.view.View;

　　import android.widget.AdapterView;

　　import android.widget.GridView;

　　import android.widget.AdapterView.OnItemClickListener;

　　/**

　　* Android實現宮格圖片連續滑動效果

　　* @Description: Android實現宮格圖片連續滑動效果

　　* @File: MainActivity.java

　　* @Package com.palace.image.activity

　　* @Author Hanyonglu

　　* @Date 2012-09-19 下午05:57:34

　　* @Version V1.0

　　*/

　　public class MainActivity extends BaseActivity {

　　private GridView gridView = null;

　　private String[] imageValues = null;

　　private String[] titleValues = null;

　　private DisplayImageOptions options;

　　/** Called when the activity is first created. */

　　@Override

　　public void onCreate(Bundle savedInstanceState) {

　　super.onCreate(savedInstanceState);

　　setContentView(R.layout.main);

　　// 初始化

　　initViews();

　　}

　　/**

　　* 初始化

　　*/

　　private void initViews(){

　　titleValues = getResources().getStringArray(R.array.news_title);

　　imageValues = getResources().getStringArray(R.array.small_images);

　　options = new DisplayImageOptions.Builder()

　　.showStubImage(R.drawable.ic_image_load)

　　.showImageForEmptyUri(R.drawable.ic_image_load)

　　.cacheInMemory()

　　.cacheOnDisc()

　　.build();

　　gridView = (GridView) findViewById(R.id.gridview);

　　gridView.setSelector(new ColorDrawable(Color.TRANSPARENT));

　　gridView.setAdapter(new GridViewAdapter(

　　this, imageValues,titleValues,imageLoader,options));

　　gridView.setOnItemClickListener(new OnItemClickListener() {

　　public void onItemClick(AdapterView parent, View v,

　　int position, long id) {

　　Intent intent = new Intent();

　　intent.setClass(MainActivity.this, ImageActivity.class);

　　startActivity(intent);

　　}

　　});

　　}

　　@Override

　　protected void onStop() {

　　super.onStop();

　　imageLoader.stop();

　　}

　　@Override

　　protected void onDestroy() {

　　// TODO Auto-generated method stub

　　super.onDestroy();

　　imageLoader.stop();

　　}

　　}