有一些場景，我們需要向用戶展示一系列的頁面。比如我們正在開發(fā)一個看漫畫的應(yīng)用，可能就需要向用戶展示一張一張的漫畫圖片，用戶使用手指滑動屏幕，可以在前一幅漫畫和后一幅漫畫之間切換。這個時候ViewFlipper就是一個很好的選擇。

1）View切換的控件—ViewFlipper介紹

ViewFilpper類繼承于ViewAnimator類。而ViewAnimator類繼承于FrameLayout。

查看ViewAnimator類的源碼可以看出此類的作用主要是為其中的View切換提供動畫效果。該類有如下幾個和動畫相關(guān)的方法。

setInAnimation：設(shè)置View進(jìn)入屏幕時候使用的動畫。該方法有兩個重載方法，即可以直接傳入Animation對象，也可以傳入定義的Animation文件的resourceID。

setOutAnimation：設(shè)置View退出屏幕時候使用的動畫。使用方法和setInAnimation方法一樣。

showNext：調(diào)用該方法可以顯示FrameLayout里面的下一個View。

showPrevious：調(diào)用該方法可以來顯示FrameLayout里面的上一個View。

查看ViewFlipper的源碼可以看到，ViewFlipper主要用來實(shí)現(xiàn)View的自動切換。該類提供了如下幾個主要的方法。

setFilpInterval：設(shè)置View切換的時間間隔。參數(shù)為毫秒。

startFlipping：開始進(jìn)行View的切換，時間間隔是上述方法設(shè)置的間隔數(shù)。切換會循環(huán)進(jìn)行。

stopFlipping：停止View切換。

setAutoStart：設(shè)置是否自動開始。如果設(shè)置為“true”，當(dāng)ViewFlipper顯示的時候View的切換會自動開始。

一般情況下，我們都會使用ViewFilpper類實(shí)現(xiàn)View的切換，而不使用它的父類ViewAnimator類。

2）實(shí)現(xiàn)滑動—GestureDetector介紹

如果想要實(shí)現(xiàn)滑動翻頁的效果，就要了解另外一個類：android.view.GestureDetector類。GestureDetector類中可以用來檢測各種手勢事件。該類有兩個回調(diào)接口，分別用來通知具體的事件。

GestureDetector.OnDoubleTapListener：用來通知DoubleTap事件，類似于PC上面的鼠標(biāo)的雙擊事件。

GestureDetector.OnGestureListener：用來通知普通的手勢事件，該接口有六個回調(diào)方法，具體的可以查看API。這里想要實(shí)現(xiàn)滑動的判斷，就需要用到其中的onFling()方法。

3）具體的實(shí)現(xiàn)

下面的代碼片段詳細(xì)說明了如何實(shí)現(xiàn)滑動翻頁。

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);??

????????//?注冊一個GestureDetector??

????????detector?=?new?GestureDetector(this);??

????????flipper?=?(ViewFlipper)?findViewById(R.id.ViewFlipper);??

????????ImageView?image1?=?new?ImageView(this);??

????????image1.setBackgroundResource(R.drawable.image1);??

????????//?增加第一個view??

????????flipper.addView(image1);??

????????ImageView?image2?=?new?ImageView(this);??

????????image2.setBackgroundResource(R.drawable.image2);??

????????//?增加第二個view??

????????flipper.addView(image2);??

????}??

??

????@Override??

????public?boolean?onTouchEvent(MotionEvent?event)?{??

????????//?將觸屏事件交給手勢識別類處理??

????????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)入和退出的動畫效果??

????????????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)建了兩個IamgeView（用來顯示圖片），加入到了ViewFlipper中。程序運(yùn)行后，當(dāng)用手指在屏幕上向左滑動，會顯示前一個圖片，用手指在屏幕上向右滑動，會顯示下一個圖片。實(shí)現(xiàn)滑動切換的主要代碼都在onFling()方法中，用戶按下觸摸屏，快速移動后松開，就會觸發(fā)這個事件。在這段代碼示例中，對手指滑動的距離進(jìn)行了計(jì)算，如果滑動距離大于100像素，就做切換動作，否則不做任何切換動作。

可以看到，onFling()方法有四個參數(shù)，e1和e2上面代碼用到了，比較好理解。參數(shù)velocityX和velocityY是做什么用的呢？velocityX和velocityY實(shí)際上是X軸和Y軸上的移動速度，單位是像素/秒。結(jié)合這兩個參數(shù)，可以判斷滑動的速度，從而做更多的處理。

為了顯示出滑動的效果，這里調(diào)用了ViewFlipper的setInAnimation()和setOutAnimation()方法設(shè)置了View進(jìn)入和退出的動畫。對于動畫的使用，這里不再贅述，也不再給出具體的XML文件代碼了。

?

另外，在上面的代碼基礎(chǔ)上說些額外的話題。

在Xml布局文件中，我們既可以設(shè)置像素px，也可以設(shè)置dp（或者dip）。

一般情況下，我們都會選擇使用dp，這樣可以保證不同屏幕分辨率的手機(jī)上布局一致。但是在代碼中，一般是無法直接使用dp的。

拿上面的代碼為例，代碼中定義了滑動的距離閥值為100像素。這就會導(dǎo)致不同分辨率的手機(jī)上效果有差別。比如在240X320的機(jī)型上，和在480X800的機(jī)型上，想要切換View，需要手指滑動的距離是不同的。所以，一般情況下，建議在代碼中，也不要用像素，也用dp。

那么既然無法直接用dp，就需要從px轉(zhuǎn)換成dp了。其實(shí)px和dp之間是有公式可以相互轉(zhuǎn)換的。前面我的博客中（http://blog.csdn.net/arui319/article/details/6777133）已經(jīng)寫過了，可以直接參考。

?

---------------------------------------------------------------------------
GL（arui319）
http://blog.csdn.net/arui319
<本文可以轉(zhuǎn)載，但是請保留以上作者信息。謝謝。>
---------------------------------------------------------------------------

?

總結(jié)

以上是生活随笔為你收集整理的Android中实现滑动翻页—使用ViewFlipper的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。