UI组件之ViewFlipper实现自动播放的图片库

屏幕切换指的是同一个Activity内屏幕间的切换。常用方法：

showPrevious : 显示上一个view
showNext : 显示下一个view
setInAnimation : 设置进入屏幕时显示的动画
setOutAnimation ： 设置退出屏幕时候显示的动画

界面布局的代码：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context=".MainActivity">    <ViewFlipper        android:id="@+id/viewFlipper"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:flipInterval="2000">        <LinearLayout            android:layout_width="match_parent"            android:layout_height="match_parent">            <ImageView                android:layout_width="400dp"                android:layout_height="450dp"                android:src="@drawable/baby0" />        </LinearLayout>        <LinearLayout            android:layout_width="match_parent"            android:layout_height="match_parent">            <ImageView                android:layout_width="400dp"                android:layout_height="450dp"                android:src="@drawable/baby1" />        </LinearLayout>        <LinearLayout            android:layout_width="match_parent"            android:layout_height="match_parent">            <ImageView                android:layout_width="400dp"                android:layout_height="450dp"                android:src="@drawable/baby2" />        </LinearLayout>    </ViewFlipper>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal">        <Button            android:id="@+id/btn_last"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="上一张" />        <Button            android:id="@+id/btn_auto"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="自动播放" />        <Button            android:id="@+id/btn_next"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="下一张" />    </LinearLayout></LinearLayout>

Activity代码

package com.shake.day11_android_2;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.ViewFlipper;public class MainActivity extends AppCompatActivity implements View.OnClickListener {    private ViewFlipper viewFlipper;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        viewFlipper= (ViewFlipper) findViewById(R.id.viewFlipper);        findViewById(R.id.btn_last).setOnClickListener(this);        findViewById(R.id.btn_auto).setOnClickListener(this);        findViewById(R.id.btn_next).setOnClickListener(this);    }    @Override    public void onClick(View v) {        switch (v.getId()){            case R.id.btn_last:                //显示动画                viewFlipper.setInAnimation(this,android.R.anim.fade_in);                viewFlipper.setOutAnimation(this, android.R.anim.fade_out);                //显示上一个组件                viewFlipper.showPrevious();                //停止自动播放                viewFlipper.stopFlipping();                break;            case R.id.btn_auto:                //显示动画                viewFlipper.setInAnimation(this,android.R.anim.slide_in_left);                viewFlipper.setOutAnimation(this, android.R.anim.slide_out_right);                //开始自动播放                viewFlipper.startFlipping();                break;            case R.id.btn_next:                //显示动画                viewFlipper.setInAnimation(this,android.R.anim.fade_in);                viewFlipper.setOutAnimation(this, android.R.anim.fade_out);                //显示下一个组件                viewFlipper.showNext();                //停止自动播放                viewFlipper.stopFlipping();                break;        }    }}

效果