簡介
ViewFlipper是Android自帶的一個多頁面管理控件且可以自動播放!它和ViewPager有所不同,ViewPager繼承自ViewGroup,是一頁一頁的,可以帶動畫效果,可以兼容低版本;而ViewFlipper繼承ViewAnimator,是一層一層的,切換View的時候可以設置動畫效果,是Android 4.0才引入的新控件。使用場景和ViewPager基本一樣,在很多時候都是用來實現進入應用后的引導頁或者用于圖片輪播顯示。
常用方法
setInAnimation:View進入屏幕時使用動畫;
setOutAnimation:View退出屏幕時使用動畫;
showNext:顯示ViewFlipper里的下一個View視圖;
showPrevious:顯示ViewFlipper里的上一個View視圖;
setFlipInterval:View之間切換的時間間隔;
setAutoStart:是否可以自動播放,true為自動播放,false為不自動播放;
startFlipping:自動循環切換播放;
stopFlipping:停止自動切換播放;
ViewFlipper加入View的兩種方法
1.靜態導入
所謂的靜態導入就是像以下方式那樣,將一個個頁面添加到ViewFlipper的中間!
<ViewFlipper android:id="@+id/vf_help" android:layout_width="match_parent" android:layout_height="match_parent" android:flipInterval="3000" android:inAnimation="@anim/right_in" android:outAnimation="@anim/right_out"> <include layout="@layout/page_help_one" /> <include layout="@layout/page_help_two" /> <include layout="@layout/page_help_three" /> <include layout="@layout/page_help_four" /></ViewFlipper>
2.動態導入
所謂的動態導入就是像以下方式那樣,通過addView方法填充View!
mVfHelp = (ViewFlipper) findViewById(R.id.vf_help);for (int i = 0; i < resId.length; i++) { mVfHelp.addView(getImageView(resId[i]));}使用示例
效果圖:

使用ViewFlipper實現圖片輪播 - 靜態導入
切換動畫:
1.right_in.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1000" android:fromXDelta="100%p" android:toXDelta="0" /></set>
2.right_out.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1000" android:fromXDelta="0" android:toXDelta="-100%p" /></set>
布局文件:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ViewFlipper android:id="@+id/vf_help" android:layout_width="match_parent" android:layout_height="match_parent" android:flipInterval="3000" android:inAnimation="@anim/right_in" android:outAnimation="@anim/right_out"> <include layout="@layout/page_help_one" /> <include layout="@layout/page_help_two" /> <include layout="@layout/page_help_three" /> <include layout="@layout/page_help_four" /> </ViewFlipper></LinearLayout>
Java文件調用:
public class MethodOneActivity extends BaseActivity { private ViewFlipper mVfHelp; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_method_one); mVfHelp = (ViewFlipper) findViewById(R.id.vf_help); mVfHelp.startFlipping(); }}支持手勢滑動的ViewFlipper - 動態導入
切換動畫:
1.left_in.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1000" android:fromXDelta="-100%p" android:toXDelta="0" /></set>
2.left_out.xml
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1000" android:fromXDelta="0" android:toXDelta="100%p" /></set>
布局文件:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ViewFlipper android:id="@+id/vf_help" android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout>
Java文件調用:
private void initData() { //實例化SimpleOnGestureListener與GestureDetector對象 mgListener = new MyGestureListener(); mDetector = new GestureDetector(mActivity, mgListener); //動態添加子View for (int i = 0; i < resId.length; i++) { mVfHelp.addView(getImageView(resId[i])); }}/** * @Description 重寫onTouchEvent觸發MyGestureListener里的方法 */@Overridepublic boolean onTouchEvent(MotionEvent event) { return mDetector.onTouchEvent(event);}/** * @Description 自定義一個View類下的GestureDetector */private class MyGestureListener extends GestureDetector.SimpleOnGestureListener { @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) { if (e1.getX() - e2.getX() > MIN_MOVE) { mVfHelp.setInAnimation(mActivity, R.anim.right_in); mVfHelp.setOutAnimation(mActivity, R.anim.right_out); mVfHelp.showNext(); } else if (e2.getX() - e1.getX() > MIN_MOVE) { mVfHelp.setInAnimation(mActivity, R.anim.left_in); mVfHelp.setOutAnimation(mActivity, R.anim.left_out); mVfHelp.showPrevious(); } return true; }}項目地址 ? 傳送門
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答