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 謝謝。

 

  未完待續。^_^

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM