如何在android中实现swipe的手势功能及页面拖动动画
2010-06-16 19:02
1096 查看
iPhone界面解锁是用手指划动来实现的, 那么这个手势gesture在android里如何实现呢?
Android SDK提供了一个listener类来侦测各种不同的手势:
SimpleOnGestureListener. 你只需要实现自己所关心的手势就可以了.
Swipe在android里面是叫Fling ^_^
首先创建自己的一个手势detector类:
个划动的手势有几个特征, 比如是在x或者y轴上近乎直线的划动, 中途路径的偏差不能太大, 而且划动需要一定的速度, 所以我们定义几个定量:
然后在onFling方法中, 判断是不是一个合理的swipe动作:
里的viewFlipper是含有多个view的一个container, 可以很方便的调用prev/next view, 加上animation动画, 可以达到一些不错的效果:
自定义的animation可以查看具体的XML, 比如从左边进来的一个动画:
当然最后不要忘记在你的Activity中override onTouch方法来获取手势action:
这是view animation的一个截图:
Android SDK提供了一个listener类来侦测各种不同的手势:
SimpleOnGestureListener. 你只需要实现自己所关心的手势就可以了.
Swipe在android里面是叫Fling ^_^
首先创建自己的一个手势detector类:
class MyGestureDetector extends SimpleOnGestureListener { @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { }
个划动的手势有几个特征, 比如是在x或者y轴上近乎直线的划动, 中途路径的偏差不能太大, 而且划动需要一定的速度, 所以我们定义几个定量:
private static final int SWIPE_MIN_DISTANCE = 120; private static final int SWIPE_MAX_OFF_PATH = 250; private static final int SWIPE_THRESHOLD_VELOCITY = 200;
然后在onFling方法中, 判断是不是一个合理的swipe动作:
if(e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { viewFlipper.setInAnimation(slideLeftIn); viewFlipper.setOutAnimation(slideLeftOut); viewFlipper.showNext(); } else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { viewFlipper.setInAnimation(slideRightIn); viewFlipper.setOutAnimation(slideRightOut); viewFlipper.showPrevious(); }
里的viewFlipper是含有多个view的一个container, 可以很方便的调用prev/next view, 加上animation动画, 可以达到一些不错的效果:
viewFlipper = (ViewFlipper)findViewById(R.id.flipper); slideLeftIn = AnimationUtils.loadAnimation(this, R.anim.slide_left_in); slideLeftOut = AnimationUtils.loadAnimation(this, R.anim.slide_left_out); slideRightIn = AnimationUtils.loadAnimation(this, R.anim.slide_right_in); slideRightOut = AnimationUtils.loadAnimation(this, R.anim.slide_right_out);
自定义的animation可以查看具体的XML, 比如从左边进来的一个动画:
<set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="800"/> </set>
当然最后不要忘记在你的Activity中override onTouch方法来获取手势action:
@Override public boolean onTouchEvent(MotionEvent event) { if (gestureDetector.onTouchEvent(event)) return true; else return false; }
这是view animation的一个截图:
相关文章推荐
- 如何在android中实现swipe的手势功能及页面拖动动画
- 如何在android中实现swipe的手势功能及页面拖动动画
- android中实现swipe的手势功能及页面拖动动画
- android中实现swipe的手势功能及页面拖动动画
- android 移动开发 手势切换页面实现动画效果
- 如何抽取一个通用的Android Loading页面快速实现加载功能
- 如何绑定android点击事件--跳转到另一个页面并实现关闭功能?
- Android: 如何利用Handler处理和发送消息来实现页面刷新的功能
- Android: 如何利用Handler处理和发送消息来实现页面刷新的功能
- Android 如何实现分享图片功能
- Android应用如何监听自己是否被卸载及卸载反馈功能的实现(第二版)
- JQuery Mobile 如何实现页面预加载功能
- Android 手势识别 (左右滑动)实现 页面 切换
- Android应用如何实现换肤功能
- Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能
- Android应用如何实现换肤功能
- Android页面的切换动画代码实现
- Android应用如何监听自己是否被卸载及卸载反馈功能的实现(转)
- Android如何实现3D旋转,我只要旋转,而不是旋转动画
- Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能