最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解析Android中實(shí)現(xiàn)滑動(dòng)翻頁(yè)之ViewFlipper的使用詳解

 更新時(shí)間:2013年05月09日 11:11:43   作者:  
有一些場(chǎng)景,我們需要向用戶展示一系列的頁(yè)面。比如我們正在開(kāi)發(fā)一個(gè)看漫畫(huà)的應(yīng)用,可能就需要向用戶展示一張一張的漫畫(huà)圖片,用戶使用手指滑動(dòng)屏幕,可以在前一幅漫畫(huà)和后一幅漫畫(huà)之間切換。這個(gè)時(shí)候ViewFlipper就是一個(gè)很好的選擇

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

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

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

setInAnimation:設(shè)置View進(jìn)入屏幕時(shí)候使用的動(dòng)畫(huà)。該方法有兩個(gè)重載方法,即可以直接傳入Animation對(duì)象,也可以傳入定義的Animation文件的resourceID。

setOutAnimation:設(shè)置View退出屏幕時(shí)候使用的動(dòng)畫(huà)。使用方法和setInAnimation方法一樣。

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

showPrevious:調(diào)用該方法可以來(lái)顯示FrameLayout里面的上一個(gè)View。

查看ViewFlipper的源碼可以看到,ViewFlipper主要用來(lái)實(shí)現(xiàn)View的自動(dòng)切換。該類提供了如下幾個(gè)主要的方法。

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

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

stopFlipping:停止View切換。

setAutoStart:設(shè)置是否自動(dòng)開(kāi)始。如果設(shè)置為“true”,當(dāng)ViewFlipper顯示的時(shí)候View的切換會(huì)自動(dòng)開(kāi)始。

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


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

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

GestureDetector.OnDoubleTapListener:用來(lái)通知DoubleTap事件,類似于PC上面的鼠標(biāo)的雙擊事件。

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


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

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

復(fù)制代碼 代碼如下:

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); 
        // 注冊(cè)一個(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ì)識(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)畫(huà)效果  
            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(用來(lái)顯示圖片),加入到了ViewFlipper中。程序運(yùn)行后,當(dāng)用手指在屏幕上向左滑動(dòng),會(huì)顯示前一個(gè)圖片,用手指在屏幕上向右滑動(dòng),會(huì)顯示下一個(gè)圖片。實(shí)現(xiàn)滑動(dòng)切換的主要代碼都在onFling()方法中,用戶按下觸摸屏,快速移動(dòng)后松開(kāi),就會(huì)觸發(fā)這個(gè)事件。在這段代碼示例中,對(duì)手指滑動(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)畫(huà)。對(duì)于動(dòng)畫(huà)的使用,這里不再贅述,也不再給出具體的XML文件代碼了。


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

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

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

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

那么既然無(wú)法直接用dp,就需要從px轉(zhuǎn)換成dp了。其實(shí)px和dp之間是有公式可以相互轉(zhuǎn)換的。(基于Android中dp和px之間進(jìn)行轉(zhuǎn)換的實(shí)現(xiàn)代碼)已經(jīng)寫(xiě)過(guò)了,可以直接參考

相關(guān)文章

最新評(píng)論

凤山市| 台南县| 浦北县| 毕节市| 贵州省| 望谟县| 江门市| 朝阳市| 台南县| 安宁市| 云梦县| 交口县| 楚雄市| 来宾市| 大渡口区| 临朐县| 鹰潭市| 江源县| 江川县| 浠水县| 军事| 华坪县| 土默特左旗| 安阳县| 灵台县| 淮阳县| 柞水县| 蚌埠市| 北辰区| 沁阳市| 自贡市| 图木舒克市| 左贡县| 大兴区| 石首市| 巩留县| 宜丰县| 天峻县| 睢宁县| 高密市| 泌阳县|