效果图

图片轮播.gif

要点：

• 1、静态方式：布局文件中引入ViewFlipper标签，标签内包含ImageView。

• 2、动态方法：
  （1）布局文件中引入ViewFlipper标签
  （2）activity中，将图片资源转为ImageView，然后add到ViewFlipper
• 3、ViewFlipper常用函数：
  setFlipInterval——设置轮播时间
  startFlipping——开始播放
  showPrevious/showNext——播放前/后一个页面
  setInAnimation——设置进入动画
  setOutAnimation——设置出去动画
• 4、事件监听功能：activity中重写onTouchEvent。

详细源码（动态方式）

1. activity_main.xml

<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">

    <TextView 
        android:layout_width="match_parent"
        android:layout_height="50dip"
        android:text="@string/text"
        android:textSize="26sp"
        android:gravity="center"
        android:background="#3fff52"
        android:layout_marginBottom="20dip"/>    
       
    <ViewFlipper 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:flipInterval="2000"
        android:id="@+id/flipper">
                
        <ImageView 
            android:layout_width="match_parent"
            android:layout_height="300dip"          
            android:id="@+id/iv01"
            android:background="@drawable/pic1"/>
        <ImageView 
            android:layout_width="match_parent"
            android:layout_height="300dip"
            android:background="@drawable/pic2"
            android:id="@+id/iv02"/>
        <ImageView 
            android:layout_width="match_parent"
            android:layout_height="300dip"
            android:background="@drawable/pic3"
            android:id="@+id/iv03"/>
        
    </ViewFlipper>

</LinearLayout>

2、动画配置文件

slide_left_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="1000"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />
</set>

slide_left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" > 
    <translate
        android:duration="1000"
        android:fromXDelta="100%p"
        android:toXDelta="0" />
</set>

3、MainActivity

public class MainActivity extends Activity {

    private ViewFlipper myViewFlipper;

    private int[] imageId = { R.drawable.pic1, R.drawable.pic2, R.drawable.pic3 };
    private float startX;

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

        myViewFlipper = (ViewFlipper) findViewById(R.id.flipper);

        for (int i = 0; i < imageId.length; i++) {
                  //动态加载
                  myViewFlipper.addView(getImageView(imageId[i]));
        }
        // myViewFlipper.setFlipInterval(2000);
        // myViewFlipper.startFlipping();

    }

    private ImageView getImageView(int imageId) {
        ImageView myImageView = new ImageView(this);
        // myImageView.setImageResource(imageId);
        myImageView.setBackgroundResource(imageId);
        return myImageView;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        switch (event.getAction()) {
          //手指按下时刻
        case MotionEvent.ACTION_DOWN:
            startX = event.getX();
            System.out.println(123);
            break;
        //手指抬起时刻
        case MotionEvent.ACTION_UP:
            // 向右滑动
            if ((event.getX() - startX) > 50) {
                myViewFlipper.showPrevious();
            }
            // 向左滑动
            if ((startX - event.getX()) > 50) {
                myViewFlipper.showNext();
            }
            break;
        }
        return super.onTouchEvent(event);
    }

}