快捷導(dǎo)航

Android實(shí)現(xiàn)平滑翻動效果

更新時間：2021年04月14日 11:38:03 作者：yabayaoya

這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)平滑翻動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android實(shí)現(xiàn)平滑翻動效果的具體代碼，供大家參考，具體內(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對象，用于檢測手勢事件
        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) {
        //對手指滑動的距離進(jìn)行了計算，如果滑動距離大于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>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: