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

时间:2022-05-12 06:34:52

  今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言,想要实现在gridlayout(相当于九宫格)中点击每项可左右滑动显示该宫格的图片,当该宫格的图片显示完以后,接着显示下一宫格的图片。那么看过我以前关于滑动方面的文章的朋友,相信要实现前者的效果并不难,关键在于如何实现后者,即如何在一个宫格的图片显示完以后,接着显示下一宫格的图片。那么这就是我们今天这篇文章要探讨的内容。

  

  说到这里呢,首先对这位网友说声抱歉,由于前些日子太忙,直到现在有那么一点时间来写这篇文章,毕竟平常工作也比较忙,不能即时回答大家的问题,还请谅解。

 

  好了,言归正传,继续来介绍我们的内容。在这篇文章里,我们实现的示例带有什么样的功能呢?为了大家能更多的学习android方面的知识,我的这个示例除了实现上面讨论的功能以外,还实现了如下的功能:

  • 图片多线程加载;
  • 图片可自动浏览;
  • 可隐藏头部和底部;
  • 图片加载时可显示翻牌效果;
  • 宫格切换时实现3d切换效果;
  • 宫格图片可切换成listview样式;
  • 可配置各种选项,比如缓存大小、线程池大小、图片显示等。

  为了大家能更好的理解,我们先来看下要实现的效果图:

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

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

 大家看了效果图之后就会有一种似曾相识的感觉。这就对了,因为这种效果在新闻客户端中比较常见,当然也可以用于其他的应用当中。

 

  下面就让我们开始实现过程。

  先熟悉下mainactivity.java的代码,如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
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();
  }
}