Android實現(xiàn)平滑翻動效果
本文實例為大家分享了Android實現(xiàn)平滑翻動效果的具體代碼,供大家參考,具體內(nèi)容如下
效果
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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android應(yīng)用中利用ViewPager實現(xiàn)多頁面滑動切換效果示例
這篇文章主要介紹了Android應(yīng)用中利用ViewPager實現(xiàn)多頁面滑動切換效果示例,配合了Fragment和PagerTabStrip,需要的朋友可以參考下2016-03-03最近較流行的效果 Android自定義View實現(xiàn)傾斜列表/圖片
最近較流行的效果,這篇文章主要介紹了Android自定義View實現(xiàn)傾斜列表/圖片的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-06-06Android Flutter實現(xiàn)五種酷炫文字動畫效果詳解
animated_text_kit這一動畫庫有多種文字動畫效果,文中將利用它實現(xiàn)五種酷炫的文字動畫:波浪涌動效果、波浪線跳動文字組、彩虹動效、滾動廣告牌效果和打字效果,需要的可以參考一下2022-03-03Android開發(fā)中編寫藍牙相關(guān)功能的核心代碼講解
這篇文章主要介紹了Android開發(fā)中編寫藍牙功能的核心部分講解,包括掃描和配對以及修改藍牙設(shè)備可見性等操作,需要的朋友可以參考下2016-02-02限時搶購秒殺系統(tǒng)架構(gòu)分析與實戰(zhàn)
這篇文章主要介紹了限時搶購秒殺系統(tǒng)架構(gòu)分析與實戰(zhàn) 的相關(guān)資料,需要的朋友可以參考下2016-01-01