在Android app中实现九(n)宫格图片连续滑动效果

 　今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言，想要实现在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;

public class MainActivity extends BaseActivity {
  private GridView gridView = null;
  private String[] imageValues = null;
  private String[] titleValues = null;
  private DisplayImageOptions options;
  
  @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();
  }
}

您可能感兴趣的文章:Android App中实现向右滑动销毁功能的要点解析Android中ViewPager实现滑动指示条及与Fragment的配合Android ViewPager无限循环实现底部小圆点动态滑动自定义滑动按钮为例图文剖析Android自定义View绘制详解Android应用开发中Scroller类的屏幕滑动功能运用Android实现手势滑动多点触摸缩放平移图片效果Android手势滑动实现ImageView缩放图片大小Android实现手势滑动多点触摸放大缩小图片效果Android手势滑动实现两点触摸缩放图片Android编程滑动效果之倒影效果实现方法(附demo源码下载)Android编程实现可滑动的开关效果(附demo源码下载)