Android系统自带一个Gallery浏览图片的应用,通过手指拖动时能够非常流畅的显示图片,用户交互和体验都很好。
本示例就是通过Gallery和自定义的View,模仿实现一个仿Gallery图像集的图片浏览效果。效果图如下:
1、基本原理
在 Activity 中实现OnGestureListener 的接口onFling() 手势事件,通过自定义的 View绘制draw() 图片
2、Activity
Activity中,通过onTouchEvent() 注册myGesture.onTouchEvent(event)
接着实现接口OnGestureListener 的 onScroll()方法,给继承自View的 FlingView 的handleScroll()成员方法传递滑动参数,获取滑动的x轴距离
接着实现接口OnGestureListener 的 OnFling()方法,给继承自View的 FlingView 的onFling()成员方法传递滑动参数,获取手势的速度
3、FlingView
FlingView中,获取来自Activity中的手势速度
在滑动过程中,通过实现View的Draw()方法绘制图片,注意:此时需要同时绘制当前图片(获取焦点)和下一张图片(即将获取焦点)共两张图片
在滑动图片结束后,需要做滑动动画后的处理,重新设置当前图片和当前图片的上一张和下一张的状态,为下次滑动做准备
4、手势坐标介绍本示例中,用到了OnGestureListener接口的onScroll()和OnFling()方法,涉及到了Android系统坐标及触摸MotionEvent e1和e2、速度velocityX、velocityY等值
Android屏幕坐标系如下图(左)
(1)MotionEvent中 e1是手指第一次按上屏幕的起点,e2是抬起手指离开屏幕的终点,根据上图Android屏幕坐标系可知:
手指向右滑动,终点(e2)在起点(e1)的右侧,有e2.getX() - e1.getX() 大于0
手指向左滑动,终点(e2)在起点(e1)的左侧,有e2.getX() - e1.getX() 小于0
手指向下滑动,终点(e2)在起点(e1)的下侧,有e2.getY() - e1.getY() 大于0
手指向上滑动,终点(e2)在起点(e1)的上侧,有e2.getY() - e1.getY() 小于0
(2)onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
distanceX,是前后两次call的X距离,不是e2与e1的水平距离
distanceX,是前后两次call的Y距离,不是e2与e1的垂直距离
具体数值的方向,请详见上图(中)
(3)onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
velocityX,是X轴的每秒速度
velocityY,是Y轴的每秒速度
具体数值的方向,请详见上图(右)
仔细观察可以发现:velocityX、velocityY的方向与distanceX、distanceY方向正好相反
更多OnGestureListener接口函数介绍,请见上一篇博客Android 滑动效果入门篇(一)—— ViewFlipper
示例源码下载
分享到:
相关推荐
UI开发第六篇——仿QQ的滑动TabUI开发第六篇——仿QQ的滑动Tab
Selinux-篇4 标签 android版本(csdn)————程序
UI开发第八篇——ViewFlipper 左右滑动效果UI开发第八篇——ViewFlipper 左右滑动效果
Visual C++实践与提高——图形图像
本书共分两篇,第一篇介绍了Android 3D游戏开发的基础知识,主要对OpenGL ES的相关内容进行了介绍。 章 名主 要 内 容 第1章 英雄还看今朝—Android简介本章介绍了市场上主流的手机平台,同时也分析了未来手机...
Saber电源仿真讲解——基础篇doc,Saber电源仿真--基础篇
必备的数字化图像处理基础知识,包括数学图像处理,二维变换,三维变换,模式识别等。
Android学习笔记(十八)——使用意图筛选器和实现浏览网页(附源码) 一篇源码,博客地址:http://blog.csdn.net/zenail501129
Android SO文件保护加固——混淆篇
抓包整理外篇——————autoResponder、composer 、statistics [ 三].doc
Android中文翻译组迎来了第三个chm格式合集,收集整理83篇已发表译文制作成合集,参与成员有0_1、桂仁、cofice、唐明、loveshirui 、madgoat 、颖哥儿、思考的狼、德罗德、henly.zhang、wallace2010、Tina、首当其冲...
OpenCV教程——基础篇3,于仕琪著,这两天正在学习
Android中文翻译组迎来了第二个chm格式合集,收集整理android.widget命名空间下46篇以及其他命名空间下几篇已经发表译文的合集,参与成员有: 0_1、桂仁、cofice、唐明、loveshirui 、madgoat 、颖哥儿、思考的狼、...
NULL 博文链接:https://qinghua0208.iteye.com/blog/493516
《OpenCV教程——基础篇》刘瑞祯 实例源代码。有注释,project,范例代码齐全。
《Java语言程序设计——基础篇》是Java语言的经典教材,中文版分为《Java语言程序设计基础篇》和《Java语言程序设计进阶篇》主要介绍语法结构、面向对象程序设计基础知识到面向对象程序设计、图形用户界面设计、异常...
Android中文翻译组迎来了第二个chm格式合集,收集整理android.widget命名空间下46篇以及其他命名空间下几篇已经发表译文的合集,参与成员有: 0_1、桂仁、cofice、唐明、loveshirui 、madgoat 、颖哥儿、思考的狼、...
VC图像处理系列 c++学习资料