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的滑动Tab是一种常见的设计模式,用于实现应用界面中的多页面切换,用户可以通过滑动Tab来浏览不同的内容区域。在Android平台上,我们可以利用Android SDK提供的组件和方法来实现这一功能。以下是对...
本篇文章将深入探讨SeekBar的基本使用方法以及如何模仿淘宝的滑动验证功能。 ### SeekBar的基础使用 #### 1. XML布局中的声明 在XML布局文件中,我们可以通过`<SeekBar>`标签来创建一个SeekBar控件。基本的声明...
《数学图像处理——基础篇》是一本深入浅出地探讨数字化图像处理的教材,涵盖了从基本概念到核心算法的广泛内容。在这个领域中,数学扮演着至关重要的角色,它不仅为图像处理提供了理论基础,还使得我们可以精确地...
本篇文章将深入探讨如何在Android应用中实现这两种效果,特别是针对`Gallery`组件的使用。 首先,让我们来了解滑动效果。在Android中,滑动通常涉及到触摸屏事件的处理,比如`OnTouchListener`接口的实现。当用户在...
标题“OpenCV教程——基础篇3”表明本文内容是关于计算机视觉库OpenCV(Open Source Computer Vision Library)的入门级教程的第三部分。OpenCV是一个开源的计算机视觉和机器学习软件库,由超过47,000个优化的算法...
Saber电源仿真讲解——基础篇doc,Saber电源仿真--基础篇
Android自定义View——从零开始实现书籍翻页效果(三) Android自定义View——从零开始实现书籍翻页效果(四) Android自定义View——从零开始实现书籍翻页效果(性能优化篇)效果展示:覆盖翻页效果CoverPageView...
本书共分两篇,第一篇介绍了Android 3D游戏开发的基础知识,主要对OpenGL ES的相关内容进行了介绍。 章 名主 要 内 容 第1章 英雄还看今朝—Android简介本章介绍了市场上主流的手机平台,同时也分析了未来手机...
**Android中文翻译组——android.widget合集(中)** 这篇文档是Android开发中关于`android.widget`包的一个中文翻译合集,主要针对Android平台上常用的Widget组件进行深入解析。`android.widget`是Android SDK中的...
《安卓Android源码——仿酷狗本地音乐播放器解析》 在移动开发领域,安卓Android平台因其开源特性,为开发者提供了广阔的设计与实现空间。本篇文章将深入探讨一个基于Android平台的本地音乐播放器源码,它仿照了...
本篇将详细介绍如何构建这样一个系统,主要针对Android 6.0(API级别23)及8.0(API级别26)进行适配。 首先,要实现自定义相机,你需要在AndroidManifest.xml文件中添加相机权限: ```xml <uses-feature android:...
本篇将深入探讨如何利用ViewFlipper组件和GestureDetector类实现左右滑动切换视图的效果,这在主页面或多个内容区域展示的场景中非常常见。 ViewFlipper是Android提供的一个布局容器,它可以方便地在多个子视图之间...
这篇内容将深入解析Android源码中的高仿点心桌面皮肤实现,主要针对"Android源码——高仿点心桌面皮肤源码.rar"这个压缩包文件进行解读。在Android开发中,自定义桌面皮肤是一个常见的需求,它能为用户提供个性化的...
Android中文翻译组迎来了第三个chm格式合集,收集整理83篇已发表译文制作成合集,参与成员有0_1、桂仁、cofice、唐明、loveshirui 、madgoat 、颖哥儿、思考的狼、德罗德、henly.zhang、wallace2010、Tina、首当其冲...
这篇内容将深入解析《Android源码——仿大众点评网源码》的相关知识点,主要涵盖Android应用开发、UI设计、网络请求、数据存储、组件化等多个方面。由于篇幅限制,我将尽量详尽地阐述这些关键领域。 1. **Android...
在Android开发中,滑动效果和华丽的翻页效果是提升用户体验的重要手段,尤其是在阅读类、杂志类或者图片展示类应用中。"Pager"通常指的是Android的ViewPager组件,它是实现页面滑动效果的核心工具。本篇文章将深入...
在前两篇文章中,分别介绍了tablayout+scrollview 和 tablayout+recyclerview 实现的滑动定位的功能,文章链接: Android 实现锚点定位 Android tabLayout+recyclerView实现锚点定位 仔细看的话,这种滑动定位的...
在VC图像处理系列之二——图像显示篇中,我们深入探讨了图像显示的基本原理,包括调色板的概念、灰度图像和真彩色图像的区别,以及逻辑调色板在图像显示中的应用。此外,还介绍了提升图像显示性能的两种关键技术:双...
《Java语言程序设计——基础篇》是Java语言的经典教材,中文版分为《Java语言程序设计基础篇》和《Java语言程序设计进阶篇》主要介绍语法结构、面向对象程序设计基础知识到面向对象程序设计、图形用户界面设计、异常...