Android實(shí)現(xiàn)平滑翻動(dòng)效果
本文實(shí)例為大家分享了Android實(shí)現(xiàn)平滑翻動(dòng)效果的具體代碼,供大家參考,具體內(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對(duì)象,用于檢測(cè)手勢(shì)事件 gestureDetector = new GestureDetector(this); // 添加用于切換的圖片 for (int value : imageID) { // 定義一個(gè)ImageView對(duì)象 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.重寫(xiě)繼承的方法
@Override public boolean onTouchEvent(MotionEvent event) { return this.gestureDetector.onTouchEvent(event); } @Override public boolean onFling(MotionEvent arg0, MotionEvent arg1, float arg2, float arg3) { //對(duì)手指滑動(dòng)的距離進(jìn)行了計(jì)算,如果滑動(dòng)距離大于120像素,就做切換動(dòng)作,否則不做任何切換動(dòng)作。 // 從左向右滑動(dòng) if (arg0.getX() - arg1.getX() > 120) { // 添加動(dòng)畫(huà) 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; }// 從右向左滑動(dòng) 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>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android應(yīng)用中利用ViewPager實(shí)現(xiàn)多頁(yè)面滑動(dòng)切換效果示例
這篇文章主要介紹了Android應(yīng)用中利用ViewPager實(shí)現(xiàn)多頁(yè)面滑動(dòng)切換效果示例,配合了Fragment和PagerTabStrip,需要的朋友可以參考下2016-03-03最近較流行的效果 Android自定義View實(shí)現(xiàn)傾斜列表/圖片
最近較流行的效果,這篇文章主要介紹了Android自定義View實(shí)現(xiàn)傾斜列表/圖片的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06Android Flutter實(shí)現(xiàn)五種酷炫文字動(dòng)畫(huà)效果詳解
animated_text_kit這一動(dòng)畫(huà)庫(kù)有多種文字動(dòng)畫(huà)效果,文中將利用它實(shí)現(xiàn)五種酷炫的文字動(dòng)畫(huà):波浪涌動(dòng)效果、波浪線跳動(dòng)文字組、彩虹動(dòng)效、滾動(dòng)廣告牌效果和打字效果,需要的可以參考一下2022-03-03淺析Android手機(jī)衛(wèi)士之抖動(dòng)輸入框和手機(jī)震動(dòng)
這篇文章主要介紹了淺析Android手機(jī)衛(wèi)士之輸入框抖動(dòng)和手機(jī)震動(dòng)的相關(guān)資料,需要的朋友可以參考下2016-04-04Android開(kāi)發(fā)中編寫(xiě)藍(lán)牙相關(guān)功能的核心代碼講解
這篇文章主要介紹了Android開(kāi)發(fā)中編寫(xiě)藍(lán)牙功能的核心部分講解,包括掃描和配對(duì)以及修改藍(lán)牙設(shè)備可見(jiàn)性等操作,需要的朋友可以參考下2016-02-02限時(shí)搶購(gòu)秒殺系統(tǒng)架構(gòu)分析與實(shí)戰(zhàn)
這篇文章主要介紹了限時(shí)搶購(gòu)秒殺系統(tǒng)架構(gòu)分析與實(shí)戰(zhàn) 的相關(guān)資料,需要的朋友可以參考下2016-01-01