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

1.ViewPager 實現效果圖

2.ViewPager 實現功能

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

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

<2>當用戶通過左右滑動界面時，當前的屏幕顯示當前界面和下一個界面的一部分；

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

 

3.ViewPager詳細說明

android-support-v4.jar 是谷歌官方給我們提供的一個兼容低版本安卓設備的軟件包，里面包囊了只有在安卓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一起使用，至少谷歌官方是這么想的，但是在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