这篇文章主要介绍了在Android app中实现九(n)宫格图片连续滑动效果的方法,作者举了凤凰新闻应用的例子,同理功能图标也可以利用这样的滑动效果,需要的朋友可以参考下
正文
在Android app中实现九(n)宫格图片连续滑动效果
今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言，想要实现在gridlayout（相当于九宫格）中点击每项可左右滑动显示该宫格的图片，当该宫格的图片显示完以后，接着显示下一宫格的图片。那么看过我以前关于滑动方面的文章的朋友，相信要实现前者的效果并不难，关键在于如何实现后者，即如何在一个宫格的图片显示完以后，接着显示下一宫格的图片。那么这就是我们今天这篇文章要探讨的内容。
说到这里呢，首先对这位网友说声抱歉，由于前些日子太忙，直到现在有那么一点时间来写这篇文章，毕竟平常工作也比较忙，不能即时回答大家的问题，还请谅解。
好了，言归正传，继续来介绍我们的内容。在这篇文章里，我们实现的示例带有什么样的功能呢？为了大家能更多的学习android方面的知识，我的这个示例除了实现上面讨论的功能以外，还实现了如下的功能：
- 图片多线程加载；
- 图片可自动浏览；
- 可隐藏头部和底部；
- 图片加载时可显示翻牌效果；
- 宫格切换时实现3d切换效果；
- 宫格图片可切换成listview样式；
- 可配置各种选项，比如缓存大小、线程池大小、图片显示等。
为了大家能更好的理解，我们先来看下要实现的效果图：
大家看了效果图之后就会有一种似曾相识的感觉。这就对了，因为这种效果在新闻客户端中比较常见，当然也可以用于其他的应用当中。
下面就让我们开始实现过程。
先熟悉下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(); }} |
发表评论