ViewFlipper介紹
1. Android自帶控件；
2. 多頁面管理控件，且可自動播放；
與ViewPager區別
1. ViewPager是一頁頁的，而ViewFlipper則是一層層的;
2. ViewPager通常用于類似引導頁，ViewFlipper通常用于上下翻滾；
ViewFlipper源碼位置
~/android-sdk-macosx/sources/android-30/android/widget
ViewFlipper繼承結構
package android.widget;
...
import android.widget.RemoteViews.RemoteView;
...
@RemoteView
public class ViewFlipper extends ViewAnimator {
...
}
package android.widget;
...
public class ViewAnimator extends FrameLayout {
...
}
ViewFlipper是ViewAnimator的子類，而ViewAnimator又是繼承自FrameLayout，FrameLayout就是平時基本上只顯示一個子視圖的布局。ViewFlipper調用addView(View view)添加視圖組件，一旦向ViewFlipper中添加了多個視圖組件之后，ViewFlipper可使用動畫控制實現多個視圖的切換效果。
常用函數介紹
- startFlipping
開始執行追加的View間的切換 - stopFlipping
停止執行追加的View間的切換 - setFlipInterval
設置View之間切換的時間間隔，單位是毫秒。 - isFlipping
判斷是否執行View間的切換 - setAutoStart
設置是否自動開啟View間的切換 - isAutoStart
判斷是否為自動開始瀏覽
視圖View復用
思考：
自定義View，或者是ViewFlipper的子類，主要是將ViewFlipper的子視圖總數設置為2，這樣可以實現翻滾動效。
如何保持ViewFlipper的子視圖的總數為2呢？每次獲取下一個子視圖之前，將第二個子視圖移除掉，重新通過addView(View view)追加到ViewFlipper，并且指定在第一個位置(索引為0)，接下來就可以設置期望展示的動效，并直接切換到第一個子視圖。
/**
* 子視圖的總個數
*/
public static final int COUNT_CHILD_VIEW = 2;
/**
* 處理ViewFlipper中的視圖
*/
private void next() {
// 獲取子View個數，這里返回是2，因為我們就追加了2個視圖
int childCount = mViewFlipper.getChildCount();
// 其實這里獲取到子視圖個數就是2，因為前面我們追加的視圖個數最多就是2個
if (COUNT_CHILD_VIEW == childCount) {
// 移除最后一個視圖，這里返回子View總數還有1個
mViewFlipper.removeViewAt(childCount - 1);
}
// 獲取下一個子視圖
View view = getNextView();
if (view == null) {
return;
}
// 將下一個子視圖插入到第一個位置，該子視圖的父類就是ViewFlipper
mViewFlipper.addView(view, 0);
// 獲取子View個數，這里返回是2，因為剛插入了一個子視圖
childCount = mViewFlipper.getChildCount();
if (0 != childCount) {
// 進來動畫
mViewFlipper.setInAnimation(getContext(), R.anim.slide_in_vertical);
// 離開動畫
mViewFlipper.setOutAnimation(getContext(), R.anim.slide_out_vertical);
// 直接顯示剛剛插入第一個位置的子視圖
mViewFlipper.setDisplayedChild(0);
}
}
實現ViewFlpper視圖復用的關鍵代碼
private RyderViewFlipper mViewFlipper;
/**
* 數據源
*/
private List<String> mDataSource;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mViewFlipper = findViewById(R.id.container_view_flipper);
mDataSource = new ArrayList<>();
for (int i = 0; i < 1000 ; i++) {
mDataSource.add("第" + i + "張");
}
mViewFlipper.setDataSource(mDataSource);
}
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<com.ryderwang.study.viewfliper.view.RyderViewFlipper
android:id="@+id/container_view_flipper"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</RelativeLayout>
/**
* @ClassName: RyderViewFliper
* @Author: RyderWang
* @Date: 2021/4/26 23:05
* @Description:
*/
public class RyderViewFlipper extends LinearLayout {
...
@Override
public View getNextView() {
if (mDataSource == null || mDataSource.size() == 0) {
return null;
}
mCurrentIndex++;
mCurrentIndex = mCurrentIndex % mDataSource.size();
return getItemView(mDataSource.get(mCurrentIndex));
}
@Override
public View getPreviousView() {
if (mDataSource == null || mDataSource.size() == 0) {
return null;
}
mCurrentIndex--;
if (mCurrentIndex < 0) {
mCurrentIndex = mDataSource.size() - 1;
}
return getItemView(mDataSource.get(mCurrentIndex));
}
private Runnable mScrollRunnable = new Runnable() {
@Override
public void run() {
if (isStop) {
return;
}
next();
mHandler.postDelayed(mScrollRunnable, SCROLL_DURATION);
}
};
...
}
