Android實現(xiàn)平滑翻動效果
更新時間:2021年04月14日 11:38:03 作者:yabayaoya
這篇文章主要為大家詳細介紹了Android實現(xiàn)平滑翻動效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了Android實現(xiàn)平滑翻動效果的具體代碼,供大家參考,具體內容如下
效果
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實現(xiàn)多頁面滑動切換效果示例
這篇文章主要介紹了Android應用中利用ViewPager實現(xiàn)多頁面滑動切換效果示例,配合了Fragment和PagerTabStrip,需要的朋友可以參考下2016-03-03最近較流行的效果 Android自定義View實現(xiàn)傾斜列表/圖片
最近較流行的效果,這篇文章主要介紹了Android自定義View實現(xiàn)傾斜列表/圖片的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06Android Flutter實現(xiàn)五種酷炫文字動畫效果詳解
animated_text_kit這一動畫庫有多種文字動畫效果,文中將利用它實現(xiàn)五種酷炫的文字動畫:波浪涌動效果、波浪線跳動文字組、彩虹動效、滾動廣告牌效果和打字效果,需要的可以參考一下2022-03-03