Android实现平滑翻动效果
更新时间:2021年04月14日 11:38:03 作者:yabayaoya
这篇文章主要为大家详细介绍了Android实现平滑翻动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Android实现平滑翻动效果的具体代码,供大家参考,具体内容如下
效果
1.activity加implements
implements GestureDetector.OnGestureListener
2.
<ViewFlipper android:id="@+id/mars_bg" android:layout_width="match_parent" android:layout_height="match_parent" />
3.
private GestureDetector gestureDetector = null; private ViewFlipper marsBg; private int[] imageID = {R.drawable.bg_ast1, R.drawable.bg_main, R.drawable.bg_home};
4.oncreat中
// 生成GestureDetector对象,用于检测手势事件 gestureDetector = new GestureDetector(this); // 添加用于切换的图片 for (int value : imageID) { // 定义一个ImageView对象 ImageView image = new ImageView(this); image.setImageResource(value); // 充满父控件 image.setScaleType(ImageView.ScaleType.FIT_XY); // 添加到viewFlipper中 marsBg.addView(image, new ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); }
5.重写继承的方法
@Override public boolean onTouchEvent(MotionEvent event) { return this.gestureDetector.onTouchEvent(event); } @Override public boolean onFling(MotionEvent arg0, MotionEvent arg1, float arg2, float arg3) { //对手指滑动的距离进行了计算,如果滑动距离大于120像素,就做切换动作,否则不做任何切换动作。 // 从左向右滑动 if (arg0.getX() - arg1.getX() > 120) { // 添加动画 this.marsBg.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in)); this.marsBg.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out)); this.marsBg.showNext(); return true; }// 从右向左滑动 else if (arg0.getX() - arg1.getX() < -120) { this.marsBg.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_in)); this.marsBg.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_out)); this.marsBg.showPrevious(); return true; } return true; } @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) { }
6.anim
push_left_in.xml
<set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="500" /> <alpha android:fromAlpha="0.1" android:toAlpha="1.0" android:duration="500" /> </set>
push_left_out.xml
<set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="0" android:toXDelta="-100%p" android:duration="500" /> <alpha android:fromAlpha="1.0" android:toAlpha="0.1" android:duration="500" /> </set>
push_right_in.xml
<set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="-100%p" android:toXDelta="0" android:duration="500" /> <alpha android:fromAlpha="0.1" android:toAlpha="1.0" android:duration="500" /> </set>
push_right_out.xml
<set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="0" android:toXDelta="100%p" android:duration="500" /> <alpha android:fromAlpha="1.0" android:toAlpha="0.1" android:duration="500" /> </set>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Android应用中利用ViewPager实现多页面滑动切换效果示例
这篇文章主要介绍了Android应用中利用ViewPager实现多页面滑动切换效果示例,配合了Fragment和PagerTabStrip,需要的朋友可以参考下2016-03-03最近较流行的效果 Android自定义View实现倾斜列表/图片
最近较流行的效果,这篇文章主要介绍了Android自定义View实现倾斜列表/图片的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-06-06
最新评论