AdapterView繼承了AdapterViewAnimator,它也會顯示Adapter提供的多個View組件,但每次只能顯示一個View組件,程序可通過showPrevious和showNext()方法控制該組件顯示上一個、下一個組價。
AdapterViewFlipper可以在多個View切換過程中使用漸隱漸現的動畫效果,除此之外,還可以調用該組件的startFlipping()控制它“自動播放”下一個View組件。
實例:自動播放的圖片庫
下面的實例示范了如何使用AdapterViewFlipper開發自動播放的圖片庫,該實例的界面上除了包含一個AdapterViewFilpper之外,還包含三個按鈕,用於控制顯示“上一個”、“下一個”和“自動播放”。為了控制AdapterViewFlipper要顯示的多個列表項,程序為AdapterVIewFilpper設置一個Adapter即可。
下面是該實例的XML布局文件:
<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>
上面的粗體字代碼定義了一個AdapterViewFlipper組件,並為三個按鈕指定了事件處理方法。該實例的Activiy會采用擴展BaseAdapter的方式來實現自己的Adapte,並為AdapterViewFlipper組件設置Adapter,下面是該Activity的代碼。
后台代碼文件如下:
package org.crazyit.helloworld; import android.os.Bundle; import android.app.Activity; import android.view.Menu; 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; 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 protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_adapter_view_flipper_test); flipper=(AdapterViewFlipper)findViewById(R.id.flipper); //創建一個BaseAdapter對象,該對象負責提供Gallery所顯示的列表項 BaseAdapter adapter=new BaseAdapter() { @Override public int getCount() { // TODO Auto-generated method stub return imageIds.length; } @Override public Object getItem(int position) { // TODO Auto-generated method stub return position; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } //該方法返回的View代表了每個列表項 @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub //創建一個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(); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.adapter_view_flipper_test, menu); return true; } }
上面的程序中粗體字代碼調用了AdapterViewFlipper的showPrevious()、showNext()方法來控制該組件顯示上一個、下一個組價,並調用了startFlipping()方法控制自動播放。
運行上面的程序出現如下效果: