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

　　本文給大家介紹如何在Android中實現宮格圖片連續滑動效果。

 

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

 

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

　　

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

 

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

1. 圖片多線程載入；
2. 圖片可自動瀏覽；
3. 可隱藏頭部和底部；
4. 圖片載入時可顯示翻牌效果；
5. 宮格切換時實現3D轉場效果；
6. 宮格圖片可切換成ListView樣式；
7. 可配置各種選項，比如緩衝大小、線程池大小、圖片顯示等。

 

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

    

 

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

 

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

　　先熟悉下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_activity);                // 初始化        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(itemOnClickListener);    }        // GridView單擊項事件監聽器    private OnItemClickListener itemOnClickListener = new OnItemClickListener() {        public void onItemClick(AdapterView<?> parent, View v,                int position, long id) {            Intent intent = new Intent();            intent.setClass(MainActivity.this, ImageActivity.class);            intent.putExtra("item_index", position);            startActivity(intent);        }    };        @Override    protected void onStop() {        super.onStop();        imageLoader.stop();    }        @Override    protected void onDestroy() {        // TODO Auto-generated method stub        super.onDestroy();        imageLoader.stop();    }}

 

　　最後，希望轉載的朋友能夠尊重作者的勞動成果，加上轉載地址：http://www.cnblogs.com/hanyonglu/archive/2012/09/19/2693465.html 謝謝。

 

　　未完待續。^_^