溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android如何實現(xiàn)平滑翻動效果

發(fā)布時間:2021-04-14 14:05:09 來源:億速云 閱讀:132 作者:小新 欄目:開發(fā)技術(shù)

這篇文章給大家分享的是有關(guān)Android如何實現(xiàn)平滑翻動效果的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

具體內(nèi)容如下

效果

Android如何實現(xiàn)平滑翻動效果

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>

感謝各位的閱讀!關(guān)于“Android如何實現(xiàn)平滑翻動效果”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI