在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; /** * 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(); } }
- Android App中实现向右滑动销毁功能的要点解析
- Android中ViewPager实现滑动指示条及与Fragment的配合
- Android ViewPager无限循环实现底部小圆点动态滑动
- 自定义滑动按钮为例图文剖析Android自定义View绘制
- 详解Android应用开发中Scroller类的屏幕滑动功能运用
- Android实现手势滑动多点触摸缩放平移图片效果
- Android手势滑动实现ImageView缩放图片大小
- Android实现手势滑动多点触摸放大缩小图片效果
- Android手势滑动实现两点触摸缩放图片
- Android编程滑动效果之倒影效果实现方法(附demo源码下载)
- Android编程实现可滑动的开关效果(附demo源码下载)
相关文章
Android开发之ListView列表刷新和加载更多实现方法
这篇文章主要介绍了Android开发之ListView列表刷新和加载更多实现方法,实例分析了ListView列表操作的相关技巧,需要的朋友可以参考下2015-06-06鸿蒙手机版JNI实战案例解析(JNI开发、SO库生成、SO库使用)
这篇文章主要介绍了鸿蒙手机版JNI实战(JNI开发、SO库生成、SO库使用)的相关资料,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-04-04Android App使用RecyclerView实现上拉和下拉刷新的方法
RecyclerView一经推出便被认为是替代ListView的存在,那么ListView的上拉和下拉刷新我们同样可以使用RecyclerView来做到,这里我们就来看一下Android App使用RecyclerView实现上拉和下拉刷新的方法,首先先来点RecyclerView的小介绍:2016-06-06
最新评论