AdapterViewFlipper的功能和用法

AdapterViewFlipper繼承了AdapterViewAnimator，它會顯示一個View組件，可以通過showPrevious()和showNext()方法控制組件顯示上一個、下一個組件。

XML屬性：

android:animateFirstView：設置顯示該組件的第一個View時是否使用動畫

android:inAnimation：設置組件顯示時使用的動畫

android:loopViews：設置循環到最後一個組件後是否自動“轉頭”到第一個組件

android:outAnimation：設置組件隱藏時使用的動畫

android:autoStart：設置顯示該組件是否是自動播放

android:flipInterval：設置自動播放的時間間隔

這些是這個的XML的一些屬性。

下邊，我們通過一個具體的例子來說明下它的功能

首先，我們新建一個Android項目，我們首先編輯下main.xml文件：

<span style="font-size:14px;"><?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">
    <AdapterViewFlipper
        android:id="@+id/flipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:flipInterval="5000"
        android:layout_alignParentTop="true"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:onClick="prev"
        android:text="上一個"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:onClick="next"
        android:text="下一個"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:onClick="auto"
        android:text="自動播放"
        />
</RelativeLayout></span>

可以看到，上邊有四個組件，一個AdapterViewFlipper和三個Button，分別代表上一個、下一個、自動播放

並且爲三個Button設置了點擊事件

接下來我們開始編輯AdapterViewFlipperTest.java：

<span style="font-size:14px;">package org.crazyit.ui;

import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.app.Activity;

public class AdapterViewFlipperTest extends Activity
{
    int[] imageIds = new int[]
    {
        R.drawable.shuangzi, R.drawable.shuangyu,
        R.drawable.chunv, R.drawable.tiancheng, R.drawable.tianxie,
        R.drawable.sheshou, R.drawable.juxie, R.drawable.shuiping,
        R.drawable.shizi, R.drawable.baiyang, R.drawable.jinniu,
        R.drawable.mojie
    };
    AdapterViewFlipper flipper;

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        flipper = (AdapterViewFlipper) findViewById(R.id.flipper);
        // 創建一個BaseAdapter對象，該對象負責提供Gallery所顯示的列表項
        BaseAdapter adapter = new BaseAdapter()
        {
            @Override
            public int getCount()
            {
                return imageIds.length;
            }

            @Override
            public Object getItem(int position)
            {
                return position;
            }

            @Override
            public long getItemId(int position)
            {
                return position;
            }

            // 該方法的返回的View就是代表了每個列表項
            @Override
            public View getView(int position, View convertView, ViewGroup parent)
            {
                // 創建一個ImageView
                ImageView imageView = new ImageView(AdapterViewFlipperTest.this);
                imageView.setImageResource(imageIds[position]);
                // 設置ImageView的縮放類型
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                // 爲imageView設置佈局參數
                imageView.setLayoutParams(new LayoutParams(
                        LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
                return imageView;
            }
        };
        flipper.setAdapter(adapter);
    }

    public void prev(View source)
    {
        // 顯示上一個組件
        flipper.showPrevious();
        // 停止自動播放
        flipper.stopFlipping();
    }

    public void next(View source)
    {
        // 顯示下一個組件。
        flipper.showNext();
        // 停止自動播放
        flipper.stopFlipping();
    }

    public void auto(View source)
    {
        // 開始自動播放
        flipper.startFlipping();
    }
}
</span>

通過這些，我們就可以設置出一些APP應用的播放圖片的功能了。

效果圖如下：