1. 程式人生 > >Android開發系列(二十二):AdapterViewFlipper的功能和用法

Android開發系列(二十二):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應用的播放圖片的功能了。

效果圖如下: