1. 程式人生 > >Android-ViewFlipper自動播放圖片

Android-ViewFlipper自動播放圖片

簡介:

1.ViewFlipper繼承了ViewAnimator 可以呼叫addView()新增元件

2.ViewAnimator與AdapterViewFlipper類似,區別在於 : AdapterViewFlipper可以通過Adapter直接新增多個view,而ViewAnimator 需要通過呼叫addView()方法新增View

效果呈現:

有此例項可以看出 ViewFlipper 再製作輪播圖等 圖片自動播放器上 有很大優勢

這裡給出佈局檔案:

<?xml version="1.0" encoding="utf-8" ?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal">
        <!--定義一個ViewFlipper元件-->
        <ViewFlipper
            android:id="@+id/details"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:flipInterval="1000">
                <!--flipInterval:Simple ViewAnimator that will animate between two or more views
                that have been added to it. Only one child is shown at a time. If requested,
                can automatically flip between each child at a regular interval.-->
                <ImageButton
                    android:id="@+id/seaside"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:src="@drawable/a1"/>
                <ImageButton
                    android:id="@+id/mountain"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:src="@drawable/a2"/>
                <ImageButton
                    android:id="@+id/sky"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:src="@drawable/a3"/>
        </ViewFlipper>

        <Button
            android:onClick="prev"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"/>
        <Button
            android:onClick="auto"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerInParent="true"
            android:text="自動播放"/>
        <Button
            android:onClick="next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"/>
</RelativeLayout>

提示:flipInterval屬性制定了自動播放圖片的時間間隔

這裡為了簡便 採用再佈局中直接新增ImageView 而不是通過Add方法動態新增的手段

這裡給出 具體功能的實現:

public class MainActivity extends Activity {
    private ViewFlipper viewFlipper;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewFlipper = (ViewFlipper) findViewById(R.id.details);
    }
    public void prev(View source){
        viewFlipper.setInAnimation(this,android.R.anim.slide_in_left);
        viewFlipper.setOutAnimation(this,android.R.anim.slide_out_right);
        //顯示下一個
        viewFlipper.showPrevious();
        //停止自動播放
        viewFlipper.stopFlipping();
    }
    public void next(View source){
        viewFlipper.setInAnimation(this,android.R.anim.slide_in_left);
        viewFlipper.setOutAnimation(this,android.R.anim.slide_out_right);
        //顯示下一個
        viewFlipper.showNext();
        //停止自動播放
        viewFlipper.stopFlipping();
    }
    public void auto(View source){
        viewFlipper.setInAnimation(this,android.R.anim.slide_in_left);
        viewFlipper.setOutAnimation(this,android.R.anim.slide_out_right);
        //停止自動播放
        viewFlipper.startFlipping();
    }
}

注:參考自 瘋狂Android 講義