Android UI設計與開發之ViewPager怎么用

這篇文章主要介紹了Android UI設計與開發之ViewPager怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

一、ViewPager實現的效果圖

二、ViewPager實現的功能

看到上面的效果圖，想必大家已經猜出了這個類是干嗎用的了，ViewPager類提供了多界面切換的新效果，
新效果有如下特征：
<1>當前顯示一組界面中的其中一個界面；
<2>當用戶通過左右滑動界面時，當前的屏幕顯示當前界面和下一個界面的一部分；
<3>滑動結束后，界面自動跳轉到當前選擇的界面中。 

三、ViewPager詳細說明

這是谷歌官方給我們提供的一個兼容低版本安卓設備的軟件包，里面包囊了只有在安卓3.0以上可以使用的api。而viewpager就是其中之一利用它，我們可以做很多事情，從最簡單的導航，到頁面菜單等等。那如何使用它呢，與LisstView類似，我們也需要一個適配器，他就是PagerAdapter。看一下API的圖片：         

四、ViewPager的使用

既然我們已經知道了ViewPager類的功能和介紹，那么這個類到底怎么使用呢？這里我們分三個步驟來使用它：
1、在住布局文件里加入。

<android.support.v4.view.ViewPager  //注意這個組件是用來顯示左右滑動的界面的,如果不加載xml布局文件,他是不會顯示內容的。  
 android:id="@+id/viewpager"  
 android:layout_width="wrap_content"  
 android:layout_height="wrap_content"  
 android:layout_gravity="center" >

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。

PagerAdapter pagerAdapter = new PagerAdapter() {  
  
      @Override  
      public boolean isViewFromObject(View arg0, Object arg1) {  
  
        return arg0 == arg1;  
      }  
  
      @Override  
      public int getCount() {  
  
        return viewList.size();  
      }  
  
      @Override  
      public void destroyItem(ViewGroup container, int position,  
          Object object) {  
        container.removeView(viewList.get(position));  
  
      }  
  
      @Override  
      public int getItemPosition(Object object) {  
  
        return super.getItemPosition(object);  
      }  
  
      @Override  
      public CharSequence getPageTitle(int position) {  
  
        return titleList.get(position);  
      }  
  
      @Override  
      public Object instantiateItem(ViewGroup container, int position) {  
        container.addView(viewList.get(position));  
        weibo_button=(Button) findViewById(R.id.button1);  
        weibo_button.setOnClickListener(new OnClickListener() {  
            
          public void onClick(View v) {  
            intent=new Intent(ViewPagerDemo.this,WeiBoActivity.class);  
            startActivity(intent);  
          }  
        });  
        return viewList.get(position);  
      }  
  
    };  
    viewPager.setAdapter(pagerAdapter);

這是重寫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)

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Android UI設計與開發之ViewPager怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!