【Android UI設計與開發】1.引導介面（一）ViewPager介紹和簡單實現

標籤：

1.ViewPager 實現

2.ViewPager 實現功能

ViewPager類提供了多介面切換的新效果，新效果有如下特徵：

<1>當前顯示一組介面中的其中一個介面；

<2>當使用者通過左右滑動介面時，當前的螢幕顯示當前介面和下一個介面的一部分；

<3>滑動結束後，介面自動跳轉到當前選擇的介面中。

 

3.ViewPager詳細說明

android-support-v4.jar 是Google官方給我們提供的一個相容低版本安卓裝置的軟體包，裡麵包囊了只有在安卓3.0以上可以使用的api。而viewpager就是其中之一利用它，我們可以做很多事情，從最簡單的導航，到頁面菜單等等。那如何使用它呢，與ListView類似，我們也需要一個適配器，他就是PagerAdapter。

ViewPager對應官方文檔地址為：http://developer.android.com/reference/android/support/v4/view/ViewPager.html

 

4、ViewPager的使用

分三個步驟來使用它：

1、在布局檔案裡加入該組件

<android.support.v4.view.ViewPager   

 android:id="@+id/viewpager"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:layout_gravity="center" >   

注意：這個組件是用來顯示左右滑動的介面的,如果不載入xml布局檔案,他是不會顯示內容的

2、載入要顯示的頁卡

LayoutInflater lf = getLayoutInflater().from(this);          view1 = lf.inflate(R.layout.layout1, null);          view2 = lf.inflate(R.layout.layout2, null);          view3 = lf.inflate(R.layout.layout3, null);            viewList = new ArrayList<View>();// 將要分頁顯示的View裝入數組中           viewList.add(view1);          viewList.add(view2);          viewList.add(view3);  

3、在Activity裡執行個體化ViewPager組件，並設定它的Adapter（就是PagerAdapter，方法與ListView一樣的），在這裡一般需要重寫PagerAdapter。

public class MyViewPagerAdapter extends PagerAdapter {    private List<View> mListViews;      public MyViewPagerAdapter(List<View> mListViews) {            this.mListViews = mListViews;//構造方法，參數是我們的頁卡，這樣比較方便。         }            @Override    public void destroyItem(ViewGroup container, int position, Object object) {         container.removeView(mListViews.get(position));//刪除頁卡      }    @Override    public Object instantiateItem(ViewGroup container, int position) {//這個方法用來執行個體化頁卡        container.addView(mListViews.get(position), 0);//添加頁卡             return mListViews.get(position);     }    @Override    public int getCount() {        return  mListViews.size();//返回頁卡的數量       }    @Override    public boolean isViewFromObject(View arg0, Object arg1) {        return arg0==arg1;    }}

ViewPager的適配器是PagerAdapter，它是基類提供適配器來填充頁面ViewPager內部，你很可能想要使用一個更具體的實現,如FragmentPagerAdapter或FragmentStatePagerAdapter。在這裡需要說明一下，其實ViewPager應該和Fragment一起使用，至少Google官方是這麼想的，但是在3.0之下，我們沒有必要這麼做。下面要注意，當你實現一個PagerAdapter,你必須至少覆蓋以下方法:

instantiateItem(ViewGroup, int)destroyItem(ViewGroup, int, Object)getCount()isViewFromObject(View, Object)

PagerAdapter對應的官方文檔地址為：http://developer.android.com/reference/android/support/v4/view/PagerAdapter.html

 

原始碼地址：https://github.com/YeXiaoChao/Yc_ui_viewpager

來源：http://blog.csdn.net/yangyu20121224/article/details/8980917

【Android UI設計與開發】1.引導介面（一）ViewPager介紹和簡單實現