Android開發系列(二十二):AdapterViewFlipper的功能和用法
阿新 • • 發佈:2019-01-03
AdapterViewFlipper繼承了AdapterViewAnimator,它會顯示一個View元件,可以通過showPrevious()和showNext()方法控制組件顯示上一個、下一個元件。
XML屬性:
android:animateFirstView:設定顯示該元件的第一個View時是否使用動畫
android:inAnimation:設定元件顯示時使用的動畫
android:loopViews:設定迴圈到最後一個元件後是否自動“轉頭”到第一個元件
android:outAnimation:設定元件隱藏時使用的動畫
android:autoStart:設定顯示該元件是否是自動播放
android:flipInterval:設定自動播放的時間間隔
這些是這個的XML的一些屬性。
下邊,我們通過一個具體的例子來說明下它的功能
首先,我們新建一個Android專案,我們首先編輯下main.xml檔案:
可以看到,上邊有四個元件,一個AdapterViewFlipper和三個Button,分別代表上一個、下一個、自動播放<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>
並且為三個Button設定了點選事件
接下來我們開始編輯AdapterViewFlipperTest.java:
通過這些,我們就可以設定出一些APP應用的播放圖片的功能了。<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>
效果圖如下: