## 本節(jié)引言:
> 本節(jié)給大家?guī)Я说氖荲iewFlipper,它是Android自帶的一個(gè)多頁面管理控件,且可以自動(dòng)播放! 和ViewPager不同,ViewPager是一頁頁的,而ViewFlipper則是一層層的,和ViewPager一樣,很多時(shí)候, 用來實(shí)現(xiàn)進(jìn)入應(yīng)用后的引導(dǎo)頁,或者用于圖片輪播,本節(jié)我們就使用ViewFlipper寫一個(gè)簡(jiǎn)單的圖片 輪播的例子吧~官方API:[ViewFlipper](http://androiddoc.qiniudn.com/reference/android/widget/ViewFlipper.html)
* * *
## 1.為ViewFlipper加入View的兩種方法
### 1)靜態(tài)導(dǎo)入
> 所謂的靜態(tài)導(dǎo)入就是像圖中這樣,把個(gè)個(gè)頁面添加到ViewFlipper的中間!

* * *
### 2)動(dòng)態(tài)導(dǎo)入
> 通過addView方法填充View

* * *
## 2.常用的一些方法
> * **setInAnimation**:設(shè)置View進(jìn)入屏幕時(shí)使用的動(dòng)畫
> * **setOutAnimation**:設(shè)置View退出屏幕時(shí)使用的動(dòng)畫
> * **showNext**:調(diào)用該方法來顯示ViewFlipper里的下一個(gè)View
> * **showPrevious**:調(diào)用該方法來顯示ViewFlipper的上一個(gè)View
> * **setFilpInterval**:設(shè)置View之間切換的時(shí)間間隔
> * **setFlipping**:使用上面設(shè)置的時(shí)間間隔來開始切換所有的View,切換會(huì)循環(huán)進(jìn)行
> * **stopFlipping**:停止View切換
* * *
## 3.使用實(shí)例
### 1)示例1:使用ViewFlipper實(shí)現(xiàn)圖片輪播(靜態(tài)導(dǎo)入)
**實(shí)現(xiàn)效果圖**:

**實(shí)現(xiàn)代碼**:
每個(gè)頁面的布局都是一個(gè)簡(jiǎn)單的ImageView,這里就不貼了~先貼下兩個(gè)進(jìn)入以及 離開的動(dòng)畫:
**right_in.xml**:
~~~
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="2000"
android:fromXDelta="100%p"
android:toXDelta="0" />
</set>
~~~
**right_out.xml**:
~~~
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromXDelta="0"
android:toXDelta="-100%p" />
</set>
~~~
然后是**activity_main.xml**布局文件:
~~~
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ViewFlipper
android:id="@+id/vflp_help"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inAnimation="@anim/right_in"
android:outAnimation="@anim/right_out"
android:flipInterval="3000">
<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>
</RelativeLayout>
~~~
這里我們?cè)O(shè)置了flipInterval = 3000,即每隔3000ms切還一個(gè)~ 最后我們只需在MainActivity.java中調(diào)用ViewFlipper的startFlipping()方法開始滑動(dòng)!
**MainActivity.java:**
~~~
public class MainActivity extends AppCompatActivity {
private ViewFlipper vflp_help;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
vflp_help = (ViewFlipper) findViewById(R.id.vflp_help);
vflp_help.startFlipping();
}
}
~~~
* * *
### 2)示例2:支持手勢(shì)滑動(dòng)的ViewFlipper(動(dòng)態(tài)導(dǎo)入)
**實(shí)現(xiàn)效果圖**:

**代碼實(shí)現(xiàn)**:
因?yàn)槲覀兎譃檫M(jìn)入上一頁,進(jìn)入下一頁,所以除了上面的兩個(gè)動(dòng)畫外,我們?cè)偬砑觾蓚€(gè)動(dòng)畫:
**left_in.xml**:
~~~
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="500"
android:fromXDelta="-100%p"
android:toXDelta="0" />
</set>
~~~
**left_out.xml**:
~~~
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="500"
android:fromXDelta="0"
android:toXDelta="100%p" />
</set>
~~~
**MainActivity.java**:
~~~
public class MainActivity extends AppCompatActivity {
private Context mContext;
private ViewFlipper vflp_help;
private int[] resId = {R.mipmap.ic_help_view_1,R.mipmap.ic_help_view_2,
R.mipmap.ic_help_view_3,R.mipmap.ic_help_view_4};
private final static int MIN_MOVE = 200; //最小距離
private MyGestureListener mgListener;
private GestureDetector mDetector;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext = MainActivity.this;
//實(shí)例化SimpleOnGestureListener與GestureDetector對(duì)象
mgListener = new MyGestureListener();
mDetector = new GestureDetector(this, mgListener);
vflp_help = (ViewFlipper) findViewById(R.id.vflp_help);
//動(dòng)態(tài)導(dǎo)入添加子View
for(int i = 0;i < resId.length;i++){
vflp_help.addView(getImageView(resId[i]));
}
}
//重寫onTouchEvent觸發(fā)MyGestureListener里的方法
@Override
public boolean onTouchEvent(MotionEvent event) {
return mDetector.onTouchEvent(event);
}
//自定義一個(gè)GestureListener,這個(gè)是View類下的,別寫錯(cuò)哦!?。? 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){
vflp_help.setInAnimation(mContext,R.anim.right_in);
vflp_help.setOutAnimation(mContext, R.anim.right_out);
vflp_help.showNext();
}else if(e2.getX() - e1.getX() > MIN_MOVE){
vflp_help.setInAnimation(mContext,R.anim.left_in);
vflp_help.setOutAnimation(mContext, R.anim.left_out);
vflp_help.showPrevious();
}
return true;
}
}
private ImageView getImageView(int resId){
ImageView img = new ImageView(this);
img.setBackgroundResource(resId);
return img;
}
}
~~~
**代碼要點(diǎn)解析**:
> 1.這里我們通過動(dòng)態(tài)的方法添加View,這里只是簡(jiǎn)單的ImageView,可根據(jù)自己需求進(jìn)行擴(kuò)展! 2.相信細(xì)心的你發(fā)現(xiàn)了,這里我們的手勢(shì)用的不是通過onTouchEvent直接判斷的,然后重寫 onTouch事件,對(duì)Action進(jìn)行判斷,然后如果是MotionEvent.ACTION_MOVE的話,就執(zhí)行下述代碼:
>
> 
>
> 后來發(fā)現(xiàn),模擬器上因?yàn)槭鞘髽?biāo)的關(guān)系,并不會(huì)頻繁的抖動(dòng),而真機(jī)上,因?yàn)槭种敢恢笔穷澏兜?所以ACTION_MOVE會(huì)一直觸發(fā),然后View一直切換,后來考慮了**Berial(B神)**的建議,加入了 一個(gè)值來進(jìn)行判斷,就是添加一個(gè)標(biāo)志:
>
> 
>
> 可以是可以,不過感覺還是有點(diǎn)不流暢,怪怪的,后來想想還是用手勢(shì)類,直接在onFling處理 就好,于是就有了上面的代碼,運(yùn)行起來杠杠滴~ 當(dāng)然,如果你對(duì)Gesture手勢(shì)不熟悉的話,可以參見之前寫過的一篇文章:[Android基礎(chǔ)入門教程——3.8 Gesture(手勢(shì))](http://www.runoob.com/w3cnote/android-tutorial-gestures.html)
* * *
## 4.代碼示例下載
[ViewFlipperDemo.zip](http://www.runoob.com/wp-content/uploads/2015/09/ViewFlipperDemo.zip)
[ViewFlipperDemo2.zip](http://www.runoob.com/wp-content/uploads/2015/09/ViewFlipperDemo2.zip)
* * *
## 本節(jié)小結(jié):
> 好的,本節(jié)給大家講解了ViewFlipper(翻轉(zhuǎn)視圖)的基本使用,以后做圖片輪播和引導(dǎo)頁, 你就多了一個(gè)選擇了~嗯,就說這么多,謝謝~
- 第一章——環(huán)境搭建和開發(fā)相關(guān)
- 1.0 Android基礎(chǔ)入門教程
- 1.1 背景相關(guān)與系統(tǒng)架構(gòu)分析
- 1.2 開發(fā)環(huán)境搭建
- 1.2.1 使用Eclipse + ADT + SDK開發(fā)Android APP
- 1.2.2 使用Android Studio開發(fā)Android APP
- 1.3 SDK更新不了問題解決
- 1.4 Genymotion模擬器安裝
- 1.5 GIT教程
- 1.5.1 Git使用教程之本地倉庫的基本操作
- 1.5.2 Git之使用GitHub搭建遠(yuǎn)程倉庫
- 1.6 .9(九妹)圖片怎么玩
- 1.7 界面原型設(shè)計(jì)
- 1.8 工程相關(guān)解析(各種文件,資源訪問)
- 1.9 Android程序簽名打包
- 1.11 反編譯APK獲取代碼&資源
- 第二章——Android中的UI組件的詳解
- 2.1 View與ViewGroup的概念
- 2.2 布局
- 2.2.1 LinearLayout(線性布局)
- 2.2.2 RelativeLayout(相對(duì)布局)
- 2.2.3 TableLayout(表格布局)
- 2.2.4 FrameLayout(幀布局)
- 2.2.5 GridLayout(網(wǎng)格布局)
- 2.2.6 AbsoluteLayout(絕對(duì)布局)
- 2.3 表單
- 2.3.1 TextView(文本框)詳解
- 2.3.2 EditText(輸入框)詳解
- 2.3.3 Button(按鈕)與ImageButton(圖像按鈕)
- 2.3.4 ImageView(圖像視圖)
- 2.3.5.RadioButton(單選按鈕)&Checkbox(復(fù)選框)
- 2.3.6 開關(guān)按鈕ToggleButton和開關(guān)Switch
- 2.3.7 ProgressBar(進(jìn)度條)
- 2.3.8 SeekBar(拖動(dòng)條)
- 2.3.9 RatingBar(星級(jí)評(píng)分條)
- 2.4 控件
- 2.4.1 ScrollView(滾動(dòng)條)
- 2.4.2 Date & Time組件(上)
- 2.4.3 Date & Time組件(下)
- 2.4.4 Adapter基礎(chǔ)講解
- 2.4.5 ListView簡(jiǎn)單實(shí)用
- 2.4.6 BaseAdapter優(yōu)化
- 2.4.7ListView的焦點(diǎn)問題
- 2.4.8 ListView之checkbox錯(cuò)位問題解決
- 2.4.9 ListView的數(shù)據(jù)更新問題
- 2.5 Adapter類控件
- 2.5.0 構(gòu)建一個(gè)可復(fù)用的自定義BaseAdapter
- 2.5.1 ListView Item多布局的實(shí)現(xiàn)
- 2.5.2 GridView(網(wǎng)格視圖)的基本使用
- 2.5.3 Spinner(列表選項(xiàng)框)的基本使用
- 2.5.4 AutoCompleteTextView(自動(dòng)完成文本框)的基本使用
- 2.5.5 ExpandableListView(可折疊列表)的基本使用
- 2.5.6 ViewFlipper(翻轉(zhuǎn)視圖)的基本使用
- 2.5.7 Toast(吐司)的基本使用
- 2.5.8 Notification(狀態(tài)欄通知)詳解
- 2.5.9 AlertDialog(對(duì)話框)詳解
- 2.6 對(duì)話框控件
- 2.6.0 其他幾種常用對(duì)話框基本使用
- 2.6.1 PopupWindow(懸浮框)的基本使用
- 2.6.2 菜單(Menu)
- 2.6.3 ViewPager的簡(jiǎn)單使用
- 2.6.4 DrawerLayout(官方側(cè)滑菜單)的簡(jiǎn)單使用
- 第三章——Android的事件處理機(jī)制
- 3.1.1 基于監(jiān)聽的事件處理機(jī)制
- 3.2 基于回調(diào)的事件處理機(jī)制
- 3.3 Handler消息傳遞機(jī)制淺析
- 3.4 TouchListener PK OnTouchEvent + 多點(diǎn)觸碰
- 3.5 監(jiān)聽EditText的內(nèi)容變化
- 3.6 響應(yīng)系統(tǒng)設(shè)置的事件(Configuration類)
- 3.7 AnsyncTask異步任務(wù)
- 3.8 Gestures(手勢(shì))
- 第四章——Android的四大組件
- 4.1.1 Activity初學(xué)乍練
- 4.1.2 Activity初窺門徑
- 4.1.3 Activity登堂入室
- 4.2.1 Service初涉
- 4.2.2 Service進(jìn)階
- 4.2.3 Service精通
- 4.3.1 BroadcastReceiver牛刀小試
- 4.3.2 BroadcastReceiver庖丁解牛
- 4.4.1 ContentProvider初探
- 4.4.2 ContentProvider再探——Document Provider
- 4.5.1 Intent的基本使用
- 4.5.2 Intent之復(fù)雜數(shù)據(jù)的傳遞
- 第五章——Fragment(碎片)
- 5.1 Fragment基本概述
- 5.2.1 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法1)
- 5.2.2 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法2)
- 5.2.3 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法3)
- 5.2.4 Fragment實(shí)例精講——底部導(dǎo)航欄+ViewPager滑動(dòng)切換頁面
- 5.2.5 Fragment實(shí)例精講——新聞(購(gòu)物)類App列表Fragment的簡(jiǎn)單實(shí)現(xiàn)
- 第六章——Android數(shù)據(jù)存儲(chǔ)與訪問
- 6.1 數(shù)據(jù)存儲(chǔ)與訪問之——文件存儲(chǔ)讀寫
- 6.2 數(shù)據(jù)存儲(chǔ)與訪問之——SharedPreferences保存用戶偏好參數(shù)
- 6.3.1 數(shù)據(jù)存儲(chǔ)與訪問之——初見SQLite數(shù)據(jù)庫
- 6.3.2 數(shù)據(jù)存儲(chǔ)與訪問之——又見SQLite數(shù)據(jù)庫
- 第七章——Android網(wǎng)絡(luò)編程
- 7.1.1 Android網(wǎng)絡(luò)編程要學(xué)的東西與Http協(xié)議學(xué)習(xí)
- 7.1.2 Android Http請(qǐng)求頭與響應(yīng)頭的學(xué)習(xí)
- 7.1.3 Android HTTP請(qǐng)求方式:HttpURLConnection
- 7.1.4 Android HTTP請(qǐng)求方式:HttpClient
- 7.2.1 Android XML數(shù)據(jù)解析
- 7.2.2 Android JSON數(shù)據(jù)解析
- 7.3.1 Android 文件上傳
- 7.3.2 Android 文件下載(1)
- 7.3.3 Android 文件下載(2)
- 7.4 Android 調(diào)用 WebService
- 7.5.1 WebView(網(wǎng)頁視圖)基本用法
- 7.5.2 WebView和JavaScrip交互基礎(chǔ)
- 7.5.3 Android 4.4后WebView的一些注意事項(xiàng)
- 7.5.4 WebView文件下載
- 7.5.5 WebView緩存問題
- 7.5.6 WebView處理網(wǎng)頁返回的錯(cuò)誤碼信息
- 7.6.1 Socket學(xué)習(xí)網(wǎng)絡(luò)基礎(chǔ)準(zhǔn)備
- 7.6.2 基于TCP協(xié)議的Socket通信(1)
- 7.6.3 基于TCP協(xié)議的Socket通信(2)
- 7.6.4 基于UDP協(xié)議的Socket通信
- 第八章——Android繪圖與動(dòng)畫基礎(chǔ)
- 8.1.1 Android中的13種Drawable小結(jié) Part 1
- 8.1.2 Android中的13種Drawable小結(jié) Part 2
- 8.1.3 Android中的13種Drawable小結(jié) Part 3
- 8.2.1 Bitmap(位圖)全解析 Part 1
- 8.2.2 Bitmap引起的OOM問題
- 8.3.1 三個(gè)繪圖工具類詳解
- 8.3.2 繪圖類實(shí)戰(zhàn)示例
- 8.3.3 Paint API之—— MaskFilter(面具)
- 8.3.4 Paint API之—— Xfermode與PorterDuff詳解(一)
- 8.3.5 Paint API之—— Xfermode與PorterDuff詳解(二)
- 8.3.6 Paint API之—— Xfermode與PorterDuff詳解(三)
- 8.3.7 Paint API之—— Xfermode與PorterDuff詳解(四)
- 8.3.8 Paint API之—— Xfermode與PorterDuff詳解(五)
- 8.3.9 Paint API之—— ColorFilter(顏色過濾器)(1/3)
- 8.3.10 Paint API之—— ColorFilter(顏色過濾器)(2-3)
- 8.3.11 Paint API之—— ColorFilter(顏色過濾器)(3-3)
- 8.3.12 Paint API之—— PathEffect(路徑效果)
- 8.3.13 Paint API之—— Shader(圖像渲染)
- 8.3.14 Paint幾個(gè)枚舉/常量值以及ShadowLayer陰影效果
- 8.3.15 Paint API之——Typeface(字型)
- 8.3.16 Canvas API詳解(Part 1)
- 8.3.17 Canvas API詳解(Part 2)剪切方法合集
- 8.3.18 Canvas API詳解(Part 3)Matrix和drawBitmapMash
- 8.4.1 Android動(dòng)畫合集之幀動(dòng)畫
- 8.4.2 Android動(dòng)畫合集之補(bǔ)間動(dòng)畫
- 8.4.3 Android動(dòng)畫合集之屬性動(dòng)畫-初見
- 8.4.4 Android動(dòng)畫合集之屬性動(dòng)畫-又見
- 第九章——Android中的多媒體開發(fā)
- 9.1 使用SoundPool播放音效(Duang~)
- 9.2 MediaPlayer播放音頻與視頻
- 9.3 使用Camera拍照
- 9.4 使用MediaRecord錄音
- 第十章——系統(tǒng)服務(wù)
- 10.1 TelephonyManager(電話管理器)
- 10.2 SmsManager(短信管理器)
- 10.3 AudioManager(音頻管理器)
- 10.4 Vibrator(振動(dòng)器)
- 10.5 AlarmManager(鬧鐘服務(wù))
- 10.6 PowerManager(電源服務(wù))
- 10.7 WindowManager(窗口管理服務(wù))
- 10.8 LayoutInflater(布局服務(wù))
- 10.9 WallpaperManager(壁紙管理器)
- 10.10 傳感器專題(1)——相關(guān)介紹
- 10.11 傳感器專題(2)——方向傳感器
- 10.12 傳感器專題(3)——加速度/陀螺儀傳感器
- 10.12 傳感器專題(4)——其他傳感器了解
- 10.14 Android GPS初涉
- 第十一章——由來、答疑和資源
- 11.0《2015最新Android基礎(chǔ)入門教程》完結(jié)散花~
