Android移动开发-通过手势实现翻页效果
来源:互联网 发布:coc 女王升级数据 编辑:程序博客网 时间:2024/05/18 09:48
Android移动开发-通过手势实现翻页效果
本程序的手势检测思路就是把Activity的TouchEvent交给GestureDetector处理,本程序使用了一个ViewFlipper组件,ViewFlipper可使用动画控制多个组件之间的切换效果。
本实例程序通过GestureDetector来检测用户的手势动作,并根据手势动作来控制ViewFlipper包含的View组件的切换,从而实现翻页效果。
activity_main.xml布局界面代码:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!-- 定义ViewFlipper组件 --> <ViewFlipper android:id="@+id/flipper" android:layout_width="wrap_content" android:layout_height="wrap_content" /></LinearLayout>
MainActivity.java逻辑代码:
package com.fukaimei.gestureflip;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.GestureDetector;import android.view.MotionEvent;import android.view.View;import android.view.animation.Animation;import android.view.animation.AnimationUtils;import android.widget.ImageView;import android.widget.ViewFlipper;public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener { // ViewFlipper实例 ViewFlipper flipper; // 定义手势检测实例 GestureDetector detector; // 定义一个动画数组,用于为ViewFlipper指定切换动画效果 Animation[] animations = new Animation[4]; // 定义手势动作亮点之间的最小距离 final int FLIP_DISTANCE = 50; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 创建手势检测器 detector = new GestureDetector(this, this); // 获得ViewFlipper实例 flipper = (ViewFlipper) this.findViewById(R.id.flipper); // 为ViewFlipper添加8个ImageView组件 flipper.addView(addImageView(R.drawable.img01)); flipper.addView(addImageView(R.drawable.img02)); flipper.addView(addImageView(R.drawable.img03)); flipper.addView(addImageView(R.drawable.img04)); flipper.addView(addImageView(R.drawable.img05)); flipper.addView(addImageView(R.drawable.img06)); flipper.addView(addImageView(R.drawable.img07)); flipper.addView(addImageView(R.drawable.img08)); // 初始化Animation数组 animations[0] = AnimationUtils.loadAnimation(this, R.anim.left_in); animations[1] = AnimationUtils.loadAnimation(this, R.anim.left_out); animations[2] = AnimationUtils.loadAnimation(this, R.anim.right_in); animations[3] = AnimationUtils.loadAnimation(this, R.anim.right_out); } // 定义添加ImageView的工具方法 private View addImageView(int resId) { ImageView imageView = new ImageView(this); imageView.setImageResource(resId); imageView.setScaleType(ImageView.ScaleType.CENTER); return imageView; } @Override public boolean onTouchEvent(MotionEvent event) { // 将该Activity上的触碰事件交给GestureDetector处理 return detector.onTouchEvent(event); } @Override public boolean onDown(MotionEvent e) { return false; } @Override public void onShowPress(MotionEvent e) { } @Override public boolean onSingleTapUp(MotionEvent e) { return false; } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { return false; } @Override public void onLongPress(MotionEvent e) { } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { // 如果第一个触点事件的X坐标大于第二个触点事件的X坐标超过FLIP_DISTANCE // 也就是手势从右向左滑 if (e1.getX() - e2.getX() > FLIP_DISTANCE) { // 为flipper设置切换的动画效果 flipper.setInAnimation(animations[0]); flipper.setOutAnimation(animations[1]); flipper.showPrevious(); return true; } // 如果第二个触点事件的X坐标大于第一个触点事件的X坐标超过FLIP_DISTANCE // 也就是手势从右向左滑 else if (e2.getX() - e1.getX() > FLIP_DISTANCE) { // 为flipper设置切换的动画效果 flipper.setInAnimation(animations[2]); flipper.setOutAnimation(animations[3]); flipper.showNext(); return true; } return false; }}
anim/left_in.xml代码:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fromXDelta="100%p" android:toXDelta="0" /> <alpha android:duration="500" android:fromAlpha="0.1" android:toAlpha="1.0" /></set>
anim/left_out.xml代码:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fromXDelta="0" android:toXDelta="-100%p" /> <alpha android:duration="500" android:fromAlpha="0.1" android:toAlpha="1.0" /></set>
anim/right_in.xml代码:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fromXDelta="-100%p" android:toXDelta="0" /> <alpha android:duration="500" android:fromAlpha="0.1" android:toAlpha="1.0" /></set>
anim/right_out.xml代码:
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="500" android:fromXDelta="0" android:toXDelta="100%p" /> <alpha android:duration="500" android:fromAlpha="0.1" android:toAlpha="1.0" /></set>
上面的MainActivity.java逻辑代码只是实现了GestureDetector.OnGestureListener的onFling()方法,上面的程序的代码负责实现:当e1.getX() - e2.getX()的距离大于特定距离时,即可判断用户手势为从右向左滑动,此时设置ViewFlipper采用动画方式切换为上一个View;当e2.getX() - e2.getX()的距离大于特定距离时,即可判断用户手势为从左向右滑动,此时设置ViewFlipper采用动画方式切换为下一个View——这样就实现了所谓的“翻页”效果。
阅读全文
1 0
- Android移动开发-通过手势实现翻页效果
- Android通过手势实现翻页效果
- Android 手势检测及通过手势实现翻页效果
- 通过手势(GestureDetector)实现翻页效果
- 在android中实现手势翻页效果
- android手势翻页效果
- Android手势翻页效果
- Android 实现答题器功能(通过手势实现翻页效果)
- android 移动开发 手势切换页面实现动画效果
- 使用手势实现翻页效果
- 麦子学院android开发教程:android手势翻页效果
- 通过 Gesture (手势)实现翻页
- Android实现翻页效果
- 初学Android,手势翻页效果(四十九)
- Android Gesture手势操作(手势翻页效果)及幻灯片放映
- Android通过手势实现图片按照指定路径移动
- Android通过手势实现图片按照指定路径移动
- Android实现 通过手势随意缩放、移动ImageView图片
- codeforces 858 A k-rounding(数学)
- Eclipse下maven使用嵌入式(Embedded)Neo4j创建Hello World项目
- 给你10分钟时间,根据上排给出十个数,在其下排填出对应的十个数
- c语言 ---- Stack实现
- 什么是跨域?
- Android移动开发-通过手势实现翻页效果
- sevlet 给客户端下载一个文件
- Spring Boot基础
- java中构造方法和方法全面解析
- C++之拷贝构造函数和复制运算符重载
- hadoop案例分析(三)
- (初学)Java的中文乱码问题
- 深入Statement和Preparedstatement
- POJ