android 三種實現水平向滑動方式(ViewPager、ViewFilpper、ViewFlow)的比較

ViewPager

ViewPager類提供了多界面切換的新效果。新效果有如下特徵:

[1] 當前顯示一組界面中的其中一個界面。

[2] 當用戶通過左右滑動界面時,當前的屏幕顯示當前界面和下一個界面的一部分。

[3] 滑動結束後,界面自動跳轉到當前選擇的界面中

 

ViewPager來源於google 的補充組件android-support-v4.jar,位置在androidSDK文件夾

android-sdks\extras\android\support\ 下 

將android-support-v4.jar 引用到項目

注:該包需要在Android SDK Manager中額外下載Extras下的Android Support package,

或直接下載該jar包到項目中引用

 

引入後可直接當作控件在項目中使用。

配置文件頁面文件

<android.support.v4.view.ViewPager 
android:id="@+id/viewPager1" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent"
 android:layout_centerVertical="true" />

配置適配器的頁面變化事件


 viewPager1.setOnPageChangeListener(new OnPageChangeListener() { 
   //頁面選擇 
  @Override
   public void onPageSelected(int position) { 
      topText.setText(String.valueOf(position+1)+"/"+String.valueOf(lists.length)); 
   } 
  @Override 
   public void onPageScrollStateChanged(int state) {  
  @Override 
   public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {  
 });

 

ViewPager使用的適配器基於PagerAdapter基類

主要實現一下四個方法


 //獲取當前窗體界面數 
 public int getCount() 
 //初始化position位置的界面 
 public Object instantiateItem(View collection, int position) 
 //銷燬position位置的界面 
 public void destroyItem(View collection, int position, Object view) 
 // 判斷是否由對象生成界面 
 public boolean isViewFromObject(View arg0, Object arg1)

 

ViewPager控件的使用中,可以將View裝如ArrayList中作爲數據載體,每一項(即每一頁)

爲一個View顯示,可以適應大量頁面或者變化的頁面長度的顯示

  

ViewFilpper

Viewfilpper控件主要用於在同一個Activity內屏幕見的切換,最長見的情況就是在一個FrameLayout內有多個頁面,比如一個系統設置頁面;一個個性化設置頁面。

 

ViewFilpper控件是系統自帶控件之一,主要是爲兩個頁面間的切換設置動畫效果。ViewFilpper繼承自FrameLayout下的ViewAnimator,

 

android.widget.ViewAnimator類繼承至FrameLayout,ViewAnimator類的作用是爲FrameLayout裏面的View切換提供動畫效果。該類有如下幾個和動畫相關的函數: 
setInAnimation:設置View進入屏幕時候使用的動畫,該函數有兩個版本,一個接受單個參數,類型爲android.view.animation.Animation;一個接受兩個參數,類型爲Context和int,分別爲Context對象和定義Animation的resourceID。
setOutAnimation: 設置View退出屏幕時候使用的動畫,參數setInAnimation函數一樣。 
showNext: 調用該函數來顯示FrameLayout裏面的下一個View。 
showPrevious: 調用該函數來顯示FrameLayout裏面的上一個View。 
 
一般不直接使用ViewAnimator而是使用它的兩個子類ViewFlipper和ViewSwitcher。ViewFlipper可以用來指定FrameLayout內多個View之間的切換效果,可以一次指定也可以每次切換的時候都指定單獨的效果。該類額外提供瞭如下幾個函數: 
 
isFlipping 用來判斷View切換是否正在進行 
setFilpInterval:設置View之間切換的時間間隔 
startFlipping:使用上面設置的時間間隔來開始切換所有的View,切換會循環進行 
stopFlipping: 停止View切換 

ViewFilpper的使用方法:

配置頁面文件


 <ViewFlipper android:id="@+id/flipper" 
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent" 
   android:layout_below="@+id/CockpitLayout" > 
   <include android:id="@+id/secondlayout" layout="@layout/second" > </include> 
   <include android:id="@+id/firstlayout" layout="@layout/first" >  </include> 
 </ViewFlipper>

 

可以動態添加頁面

flipper.addView(View(), new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));

配置好頁面文件後便可在代碼中對ViewFilpper進行操作和設置切換動畫


ViewFlow

android-viewflow 是 Android 平臺上一個視圖切換的效果庫。

ViewFlow 相當於 Android UI 部件提供水平滾動的 ViewGroup,使用 Adapter 進行條目綁定。文檔上說,當你需要在一系列不確定數目的view中滑動時,可以考慮使用ViewFlow。如果你的view數目確定,你應該使用Fragments 或兼容庫裏的ViewPager 。

 

1、使用ViewFlow

怎麼使用呢?首先在你的layout文件中加入:

<org.taptwo.android.widget.ViewFlow

android:id="@+id/viewflow"

app:sidebuffer="5"

/>

其中app:sidebuffer屬性是ViewFlow組件自定義的,使用這些屬性時,需要增加如下的xml的命名空間

xmlns:app="http://schemas.android.com/apk/res/your.application.package.here"

然後在你的Activity裏面添加如下代碼用於使用ViewFlow:

ViewFlow viewFlow = (ViewFlow) findViewById(R.id.viewflow); 
viewFlow.setAdapter(myAdapter); 
 //設置初始view的位置 
 //viewFlow.setAdapter(myAdapter, 8);
 //監聽view切換事件,簡單的需求可不監聽 
 viewFlow.setOnViewSwitchListener(new ViewSwitchListener() {
 public void onSwitched(View v, int position) { 
 / / Your code here 
 
});

 

當然,你也可以使用該庫中的FlowIndicator爲你在多個view中切換時提供一個指示器,目前該庫已經實現了兩種指示器:一種是圓點指示器FlowIndicator;另一種是標題指示器TitleFlowIndicator。

1、使用圓點指示器

圓點指示器可以這樣使用:
先在layout中這樣定義

<org.taptwo.android.widget.CircleFlowIndicator 
 android:padding="10dip" 
 android:layout_height="wrap_content"
 android:layout_width="wrap_content" 
 android:id="@+id/viewflowindic" 
 android:background="#00000000"
 />

 

然後在你的Activity裏面添加如下代碼用於使用ViewFlow:


ViewFlow viewFlow = (ViewFlow) findViewById(R.id.viewflow); 
 viewFlow.setAdapter(myAdapter); 
//設置初始view的位置 
//viewFlow.setAdapter(myAdapter, 8);
//監聽view切換事件,簡單的需求可不監聽 
 viewFlow.setOnViewSwitchListener(new ViewSwitchListener() { 
 public void onSwitched(View v, int position) { 
 / / Your code here 
 
});

 

圓點指示器還支持activeColor、inactiveColor、activeType(填充或描邊)、inactiveType(填充或描邊)、fadeOut(設置圓點自動隱藏的秒數,若爲0則不會自動隱藏)、radius(圓點的半徑)等。

2、使用標題指示器

標題指示器也是先layout裏定義:


 <org.taptwo.android.widget.TitleFlowIndicator
 android:id="@+id/viewflowindic" 
 android:layout_height="wrap_content" 
 android:layout_width="fill_parent" 
 app:footerLineHeight="2dp" 
 app:footerTriangleHeight="10dp" 
 app:textColor="#FFFFFFFF" 
 app:selectedColor="#FFFFC445" 
 app:footerColor="#FFFFC445" 
 app:titlePadding="10dp" 
 app:textSize="11dp" 
 app:selectedSize="12dp" 
 android:layout_marginTop="10dip" 
 app:clipPadding="5dp" />

 

然後在activity中調用它:

 TitleFlowIndicator indicator = (TitleFlowIndicator) 
 findViewById(R.id.viewflowindic); 
 indicator.setTitleProvider(myTitleProvider); 
 viewFlow.setFlowIndicator(indicator);

 

以上就是ViewFlow庫提供三大組件及其用法(來自其文檔),使用時需要下載到其代碼並放在你的項目中的某個包內,當然你也可以把該組件庫打包成jar調用。

 

比較

根據以上對三種實現的使用描述,可以看出,ViewPager與ViewFlow都能夠使用適配器進行大量數據的適配。並且ViewFlow也帶有原點和標題的位置提示,二者比較相像。ViewFilpper使用時主要是在有限的少數頁面切換中比較合適,並且能夠自定義每一個切換動畫,用於一個應用

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章