Android-ViewFlipper自動播放圖片
阿新 • • 發佈:2018-12-17
簡介:
1.ViewFlipper繼承了ViewAnimator 可以呼叫addView()新增元件
2.ViewAnimator與AdapterViewFlipper類似,區別在於 : AdapterViewFlipper可以通過Adapter直接新增多個view,而ViewAnimator 需要通過呼叫addView()方法新增View
效果呈現:
有此例項可以看出 ViewFlipper 再製作輪播圖等 圖片自動播放器上 有很大優勢
這裡給出佈局檔案:
<?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" android:gravity="center_horizontal"> <!--定義一個ViewFlipper元件--> <ViewFlipper android:id="@+id/details" android:layout_width="match_parent" android:layout_height="match_parent" android:flipInterval="1000"> <!--flipInterval:Simple ViewAnimator that will animate between two or more views that have been added to it. Only one child is shown at a time. If requested, can automatically flip between each child at a regular interval.--> <ImageButton android:id="@+id/seaside" android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/a1"/> <ImageButton android:id="@+id/mountain" android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/a2"/> <ImageButton android:id="@+id/sky" android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@drawable/a3"/> </ViewFlipper> <Button android:onClick="prev" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true"/> <Button android:onClick="auto" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerInParent="true" android:text="自動播放"/> <Button android:onClick="next" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true"/> </RelativeLayout>
提示:flipInterval屬性制定了自動播放圖片的時間間隔
這裡為了簡便 採用再佈局中直接新增ImageView 而不是通過Add方法動態新增的手段
這裡給出 具體功能的實現:
public class MainActivity extends Activity { private ViewFlipper viewFlipper; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewFlipper = (ViewFlipper) findViewById(R.id.details); } public void prev(View source){ viewFlipper.setInAnimation(this,android.R.anim.slide_in_left); viewFlipper.setOutAnimation(this,android.R.anim.slide_out_right); //顯示下一個 viewFlipper.showPrevious(); //停止自動播放 viewFlipper.stopFlipping(); } public void next(View source){ viewFlipper.setInAnimation(this,android.R.anim.slide_in_left); viewFlipper.setOutAnimation(this,android.R.anim.slide_out_right); //顯示下一個 viewFlipper.showNext(); //停止自動播放 viewFlipper.stopFlipping(); } public void auto(View source){ viewFlipper.setInAnimation(this,android.R.anim.slide_in_left); viewFlipper.setOutAnimation(this,android.R.anim.slide_out_right); //停止自動播放 viewFlipper.startFlipping(); } }
注:參考自 瘋狂Android 講義