解析Android中實(shí)現(xiàn)滑動(dòng)翻頁之ViewFlipper的使用詳解
1)View切換的控件—ViewFlipper介紹
ViewFilpper類繼承于ViewAnimator類。而ViewAnimator類繼承于FrameLayout。
查看ViewAnimator類的源碼可以看出此類的作用主要是為其中的View切換提供動(dòng)畫效果。該類有如下幾個(gè)和動(dòng)畫相關(guān)的方法。
setInAnimation:設(shè)置View進(jìn)入屏幕時(shí)候使用的動(dòng)畫。該方法有兩個(gè)重載方法,即可以直接傳入Animation對象,也可以傳入定義的Animation文件的resourceID。
setOutAnimation:設(shè)置View退出屏幕時(shí)候使用的動(dòng)畫。使用方法和setInAnimation方法一樣。
showNext:調(diào)用該方法可以顯示FrameLayout里面的下一個(gè)View。
showPrevious:調(diào)用該方法可以來顯示FrameLayout里面的上一個(gè)View。
查看ViewFlipper的源碼可以看到,ViewFlipper主要用來實(shí)現(xiàn)View的自動(dòng)切換。該類提供了如下幾個(gè)主要的方法。
setFilpInterval:設(shè)置View切換的時(shí)間間隔。參數(shù)為毫秒。
startFlipping:開始進(jìn)行View的切換,時(shí)間間隔是上述方法設(shè)置的間隔數(shù)。切換會(huì)循環(huán)進(jìn)行。
stopFlipping:停止View切換。
setAutoStart:設(shè)置是否自動(dòng)開始。如果設(shè)置為“true”,當(dāng)ViewFlipper顯示的時(shí)候View的切換會(huì)自動(dòng)開始。
一般情況下,我們都會(huì)使用ViewFilpper類實(shí)現(xiàn)View的切換,而不使用它的父類ViewAnimator類。
2)實(shí)現(xiàn)滑動(dòng)—GestureDetector介紹
如果想要實(shí)現(xiàn)滑動(dòng)翻頁的效果,就要了解另外一個(gè)類:android.view.GestureDetector類。GestureDetector類中可以用來檢測各種手勢事件。該類有兩個(gè)回調(diào)接口,分別用來通知具體的事件。
GestureDetector.OnDoubleTapListener:用來通知DoubleTap事件,類似于PC上面的鼠標(biāo)的雙擊事件。
GestureDetector.OnGestureListener:用來通知普通的手勢事件,該接口有六個(gè)回調(diào)方法,具體的可以查看API。這里想要實(shí)現(xiàn)滑動(dòng)的判斷,就需要用到其中的onFling()方法。
3)具體的實(shí)現(xiàn)
下面的代碼片段詳細(xì)說明了如何實(shí)現(xiàn)滑動(dòng)翻頁。
public class ViewFlipperActivity extends Activity implements OnGestureListener {
private static final int FLING_MIN_DISTANCE = 100;
private ViewFlipper flipper;
private GestureDetector detector;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.viewflipper);
// 注冊一個(gè)GestureDetector
detector = new GestureDetector(this);
flipper = (ViewFlipper) findViewById(R.id.ViewFlipper);
ImageView image1 = new ImageView(this);
image1.setBackgroundResource(R.drawable.image1);
// 增加第一個(gè)view
flipper.addView(image1);
ImageView image2 = new ImageView(this);
image2.setBackgroundResource(R.drawable.image2);
// 增加第二個(gè)view
flipper.addView(image2);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// 將觸屏事件交給手勢識(shí)別類處理
return this.detector.onTouchEvent(event);
}
@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) {
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
if (e1.getX() - e2.getX() > FLING_MIN_DISTANCE) {
//設(shè)置View進(jìn)入和退出的動(dòng)畫效果
this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.left_in));
this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.left_out));
this.flipper.showNext();
return true;
}
if (e1.getX() - e2.getX() < -FLING_MIN_DISTANCE) {
this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,
R.anim.right_in));
this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,
R.anim.right_out));
this.flipper.showPrevious();
return true;
}
return false;
}
}
在這段代碼里,創(chuàng)建了兩個(gè)IamgeView(用來顯示圖片),加入到了ViewFlipper中。程序運(yùn)行后,當(dāng)用手指在屏幕上向左滑動(dòng),會(huì)顯示前一個(gè)圖片,用手指在屏幕上向右滑動(dòng),會(huì)顯示下一個(gè)圖片。實(shí)現(xiàn)滑動(dòng)切換的主要代碼都在onFling()方法中,用戶按下觸摸屏,快速移動(dòng)后松開,就會(huì)觸發(fā)這個(gè)事件。在這段代碼示例中,對手指滑動(dòng)的距離進(jìn)行了計(jì)算,如果滑動(dòng)距離大于100像素,就做切換動(dòng)作,否則不做任何切換動(dòng)作。
可以看到,onFling()方法有四個(gè)參數(shù),e1和e2上面代碼用到了,比較好理解。參數(shù)velocityX和velocityY是做什么用的呢?velocityX和velocityY實(shí)際上是X軸和Y軸上的移動(dòng)速度,單位是像素/秒。結(jié)合這兩個(gè)參數(shù),可以判斷滑動(dòng)的速度,從而做更多的處理。
為了顯示出滑動(dòng)的效果,這里調(diào)用了ViewFlipper的setInAnimation()和setOutAnimation()方法設(shè)置了View進(jìn)入和退出的動(dòng)畫。對于動(dòng)畫的使用,這里不再贅述,也不再給出具體的XML文件代碼了。
另外,在上面的代碼基礎(chǔ)上說些額外的話題。
在Xml布局文件中,我們既可以設(shè)置像素px,也可以設(shè)置dp(或者dip)。
一般情況下,我們都會(huì)選擇使用dp,這樣可以保證不同屏幕分辨率的手機(jī)上布局一致。但是在代碼中,一般是無法直接使用dp的。
拿上面的代碼為例,代碼中定義了滑動(dòng)的距離閥值為100像素。這就會(huì)導(dǎo)致不同分辨率的手機(jī)上效果有差別。比如在240X320的機(jī)型上,和在480X800的機(jī)型上,想要切換View,需要手指滑動(dòng)的距離是不同的。所以,一般情況下,建議在代碼中,也不要用像素,也用dp。
那么既然無法直接用dp,就需要從px轉(zhuǎn)換成dp了。其實(shí)px和dp之間是有公式可以相互轉(zhuǎn)換的。(基于Android中dp和px之間進(jìn)行轉(zhuǎn)換的實(shí)現(xiàn)代碼)已經(jīng)寫過了,可以直接參考
- android中圖片翻頁效果簡單的實(shí)現(xiàn)方法
- Android實(shí)現(xiàn)閱讀APP平移翻頁效果
- Android自定義左右或上下滑動(dòng)翻頁效果
- Android自定義ViewPager實(shí)現(xiàn)縱向滑動(dòng)翻頁效果
- Android?ViewPager實(shí)現(xiàn)左右滑動(dòng)翻頁效果
- android ViewPager實(shí)現(xiàn)滑動(dòng)翻頁效果實(shí)例代碼
- 基于Android實(shí)現(xiàn)3D翻頁效果
- Android 仿日歷翻頁、仿htc時(shí)鐘翻頁、數(shù)字翻頁切換效果
- Android CardView+ViewPager實(shí)現(xiàn)ViewPager翻頁動(dòng)畫的方法
- Android實(shí)現(xiàn)翻頁特效
相關(guān)文章
Android編程開發(fā)之NotiFication用法詳解
這篇文章主要介紹了Android編程開發(fā)之NotiFication用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了NotiFication的功能、使用技巧與注意事項(xiàng),需要的朋友可以參考下2015-12-12Android 多線程的實(shí)現(xiàn)方法總結(jié)
這篇文章主要介紹了Android 多線程的實(shí)現(xiàn)方法總結(jié)的相關(guān)資料,這里提供三種方法,幫助大家掌握這部分內(nèi)容,需要的朋友可以參考下2017-08-08Android DigitalClock組件用法實(shí)例
這篇文章主要介紹了Android DigitalClock組件用法,結(jié)合實(shí)例形式分析了DigitalClock組件的布局調(diào)用技巧,非常簡單實(shí)用,需要的朋友可以參考下2016-01-01android橫豎屏切換時(shí)候Activity的生命周期
曾經(jīng)遇到過一個(gè)面試題,讓你寫出橫屏切換豎屏Activity的生命周期?,F(xiàn)在給大家分析一下他切換時(shí)具體的生命周期是怎么樣的2013-01-01Android中使用IntentService創(chuàng)建后臺(tái)服務(wù)實(shí)例
這篇文章主要介紹了Android中使用IntentService創(chuàng)建后臺(tái)服務(wù)實(shí)例,IntentService提供了在單個(gè)后臺(tái)線程運(yùn)行操作的簡單結(jié)構(gòu),需要的朋友可以參考下2014-06-06