Android開發之ViewPager簡單使用

YungFan發表於2017-12-13
AndroidViewpager

什麼是ViewPager?

ViewPager（android.support.v4.view.ViewPager）是android擴充套件包v4包中的類，這個類可以讓使用者左右切換當前的view，實現滑動切換的效果，在使用這個類之前，必須明白：

  • ViewPager類直接繼承了ViewGroup類，也就是說它和我們經常打交道的LinearLayout一樣，都是一個容器，需要在裡面新增我們想要顯示的內容。
  • ViewPager類需要一個PagerAdapter介面卡類給它提供資料，這個和ListView類似。

使用步驟

  1. 在佈局檔案里加入
<android.support.v4.view.ViewPager
     android:id="@+id/viewpager"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_gravity="center">
 </android.support.v4.view.ViewPager>
複製程式碼
  1. 載入要顯示的Views，通過動態載入佈局得到一個個View
LayoutInflater lf = getLayoutInflater().from(MainActivity.this);	
View view1 = lf.inflate(R.layout.f1, null);
View view2 = lf.inflate(R.layout.f2, null);
View view3 = lf.inflate(R.layout.f3, null);
viewContainter  = new ArrayList<View>();// 將要分頁顯示的View裝入陣列中          
viewContainter .add(view1); 
viewContainter .add(view2);
viewContainter .add(view3);
複製程式碼
  1. 用PagerAdapter關聯上面的View和ViewPager
//直接繼承PagerAdapter，至少必須重寫下面的四個方法，否則會報錯
pager.setAdapter(new PagerAdapter()
		{

			// viewpager中的要顯示的View的總數量
			@Override
			public int getCount()
			{
				return viewContainter.size();
			}

			// 滑動切換的時候銷燬當前的View
			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object)
			{
				container.removeView(viewContainter.get(position));
			}

			// 每次滑動的時候生成的View
			@Override
			public Object instantiateItem(ViewGroup container, int position)
			{
			        container.addView(viewContainter.get(position));
				return viewContainter.get(position);
			}
           // 官方建議這樣寫
			@Override
			public boolean isViewFromObject(View arg0, Object arg1)
			{
				return arg0 == arg1;
			}
		});
複製程式碼

這樣就可以實現滑動效果了

適合場景

  • 引導頁
  • 頁卡滑動（如網易新聞）

One more thing

官方建議ViewPager配合Fragment使用，後面會繼續補上~~~

相關文章