在Android app中实现九(n)宫格图片连续滑动效果
作者:hanyonglu 时间:2022-10-14 21:09:23
今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言,想要实现在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,滑动
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Android IPC机制利用Messenger实现跨进程通信
2023-01-02 10:57:49
![](https://img.aspxhome.com/file/2023/7/106027_0s.png)
Android开发判断一个app应用是否在运行的方法详解
2022-07-04 00:58:39
轻松实现Rxjava定时器功能
2022-03-12 06:23:27
一文掌握MyBatis Plus的条件构造器方法
2023-06-18 13:00:26
C#中使用快速排序按文件创建时间将文件排序的源码
2023-06-04 08:19:19
手把手教你如何获取微信用户openid
2023-11-04 01:01:21
![](https://img.aspxhome.com/file/2023/6/62646_0s.jpg)
Spring 容器初始化 register 与 refresh方法
2021-09-19 21:20:56
![](https://img.aspxhome.com/file/2023/1/98401_0s.png)
MyBatis resultMap id标签的错误使用方式
2022-02-01 05:25:37
![](https://img.aspxhome.com/file/2023/6/128916_0s.jpg)
JAVA8之函数式编程Function接口用法
2022-01-04 04:03:04
![](https://img.aspxhome.com/file/2023/6/63276_0s.jpg)
Android自定义密码输入框和数字键盘
2022-02-04 11:14:00
![](https://img.aspxhome.com/file/2023/1/103871_0s.gif)
Android 通过代码安装 APK的方法详解
2022-11-12 14:37:26
Json操作库DynamicJson使用指南
2023-06-17 10:17:35
C#字符串使用密钥进行加解密
2023-12-27 19:10:17
spring boot metrics监控指标使用教程
2022-01-10 08:42:16
![](https://img.aspxhome.com/file/2023/8/100678_0s.png)
Java 给PDF签名时添加可信时间戳的方法
2022-04-03 12:38:48
![](https://img.aspxhome.com/file/2023/9/96129_0s.png)
android图像绘制(七)ClipRect局部绘图/切割原图绘制总结
2023-12-07 13:43:54
![](https://img.aspxhome.com/file/2023/9/139089_0s.png)
C#集合之有序列表的用法
2023-10-02 15:47:02
Java基于HttpClient实现RPC的示例
2023-10-29 15:55:02
关于Java的Condition接口最佳理解方式
2021-05-28 19:06:35
![](https://img.aspxhome.com/file/2023/8/94758_0s.jpg)
Android 保存WebView中的图片示例
2021-10-05 21:57:05