Android ViewPager 的使用總結(jié)
更新時(shí)間：2016年09月19日 11:29:06 作者：Carbenson
這篇文章主要介紹了Android ViewPager 的相關(guān)資料，并附實(shí)例代碼，,需要的朋友可以參考下
在一個(gè)窗口里面添加tab便簽，完成便簽切換來(lái)實(shí)現(xiàn)頁(yè)面的切換，這樣的好處是可以在同一個(gè)窗口里面有多個(gè)頁(yè)面，這些頁(yè)面共享同一個(gè)窗口的資源，同使用多個(gè)窗口來(lái)實(shí)現(xiàn)這個(gè)功能來(lái)得更加流暢??！
主要產(chǎn)生的類(lèi)文件有activity，n個(gè)view，adapter，自定義的ViewPager，n+1個(gè)布局文件
demo所用到文件
步驟：
創(chuàng)建activity
package com.example.myviewpager;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
/**
* 主窗口
* @author cgx
*
*/
public class MainActivity extends Activity implements OnClickListener {
private Context mContext;
private MyViewPager mPager;// 頁(yè)面內(nèi)容
private MyViewPagerAdapter pagerAdapter = null;
private TextView t1, t2, t3;// 頁(yè)卡頭標(biāo)
private List<View> pageList = new ArrayList<View>();
private View1 mView1;
private View2 mView2;
private View3 mView3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext = this;
initViews();
initEvents();
initViewPager();
}
private void initViews() {
// TODO Auto-generated method stub
t1 = (TextView) findViewById(R.id.text1);
t2 = (TextView) findViewById(R.id.text2);
t3 = (TextView) findViewById(R.id.text3);
mPager = (MyViewPager) findViewById(R.id.vPager);
// 設(shè)置ViewPager不允許滑動(dòng)
//mPager.setCanScroll(false);
//一開(kāi)始進(jìn)入窗口的時(shí)候，默認(rèn)第一個(gè)便簽被選中
t1.setBackgroundColor(Color.parseColor("#FFFF00"));
t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
}
private void initEvents() {
// TODO Auto-generated method stub
t1.setOnClickListener(this);
t2.setOnClickListener(this);
t3.setOnClickListener(this);
}
private void initViewPager() {
// TODO Auto-generated method stub
pageList.clear();
if (mView1 == null) {
mView1 = new View1(mContext);
}
if (mView2 == null) {
mView2 = new View2(mContext);
}
if (mView3 == null) {
mView3 = new View3(mContext);
}
pageList.add(mView1.getView());
pageList.add(mView2.getView());
pageList.add(mView3.getView());
pagerAdapter = new MyViewPagerAdapter(pageList);
// 緩存頁(yè)面，如果想全部都緩存的話，參數(shù)等于頁(yè)卡數(shù)減一,系統(tǒng)默認(rèn)參數(shù)為1，保存兩個(gè)
mPager.setOffscreenPageLimit(2);
mPager.setAdapter(pagerAdapter);
// 設(shè)置Page改變監(jiān)聽(tīng)器
mPager.setOnPageChangeListener(onPageChangeListener);
}
/**
* SimpleOnPageChangeListener.該監(jiān)聽(tīng)是當(dāng)我們的viewpager頁(yè)面切換的時(shí)候會(huì)觸發(fā) 在里面我們會(huì)去改變 tab的聚焦情況
* 。 因?yàn)閷?shí)現(xiàn)上viewpager與actionbar是獨(dú)立的，需要我們手動(dòng)同步 。
*/
ViewPager.SimpleOnPageChangeListener onPageChangeListener = new ViewPager.SimpleOnPageChangeListener() {
@Override
public void onPageSelected(int position) {
/**
* setSelectedNavigationItem 方法用于設(shè)置ActionBar的聚焦tab .
* 在接下來(lái)我們判斷了SLidingMenu的手勢(shì)力模式， 如果ViewPager已經(jīng)滑到了最左邊，則我們把手勢(shì)設(shè)置成全屏的，
* 這樣更往左滑動(dòng)的時(shí)候，就會(huì)打開(kāi)Menu .
*/
initTab(position);
}
// 初始化便簽顏色
private void initTab(int position) {
// TODO Auto-generated method stub
if (position == 0) {
t1.setBackgroundColor(Color.parseColor("#FFFF00"));
t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
} else if (position == 1) {
t1.setBackgroundColor(Color.parseColor("#FFFFFF"));
t2.setBackgroundColor(Color.parseColor("#FFFF00"));
t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
} else {
t1.setBackgroundColor(Color.parseColor("#FFFFFF"));
t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
t3.setBackgroundColor(Color.parseColor("#FFFF00"));
}
}
};
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()) {
case R.id.text1:// 點(diǎn)擊第一個(gè)便簽
mPager.setCurrentItem(0, false);
break;
case R.id.text2:// 點(diǎn)擊第二個(gè)便簽
mPager.setCurrentItem(1, false);
break;
case R.id.text3:// 點(diǎn)擊第三個(gè)便簽
mPager.setCurrentItem(2, false);
break;
default:
break;
}
}
}
自定義MyViewPager
package com.example.myviewpager;
import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;
/**
* 自定義滑動(dòng)翻頁(yè)可控，可通過(guò)設(shè)置isCanScroll參數(shù)來(lái)控制是否允許滑動(dòng)切換頁(yè)面
*/
public class MyViewPager extends ViewPager {
/** 是否允許滑動(dòng)翻頁(yè) ,默認(rèn)可滑動(dòng)*/
private boolean isCanScroll = true;
public MyViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyViewPager(Context context) {
super(context);
}
public boolean isCanScroll() {
return isCanScroll;
}
/** 設(shè)置是否可以滑動(dòng)翻頁(yè) */
public void setCanScroll(boolean isCanScroll) {
this.isCanScroll = isCanScroll;
}
@Override
public void scrollTo(int x, int y) {
super.scrollTo(x, y);
}
// 設(shè)置禁止滑動(dòng)的關(guān)鍵
@Override
public boolean onTouchEvent(MotionEvent arg0) {
if (!isCanScroll)
return true;
return super.onTouchEvent(arg0);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent arg0) {
return super.onInterceptTouchEvent(arg0);
}
@Override
public void setCurrentItem(int item, boolean smoothScroll) {
super.setCurrentItem(item, smoothScroll);
}
@Override
public void setCurrentItem(int item) {
super.setCurrentItem(item);
}
}
適配器：
package com.example.myviewpager;
import java.util.List;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
/**
* viewpager適配器
* */
public class MyViewPagerAdapter extends PagerAdapter{
private List<View> mListViews;
public MyViewPagerAdapter(List<View> mListViews) {
this.mListViews = mListViews;//構(gòu)造方法，參數(shù)是我們的頁(yè)卡，這樣比較方便
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mListViews.get(position));//刪除頁(yè)卡
}
@Override
public Object instantiateItem(ViewGroup container, int position) { //這個(gè)方法用來(lái)實(shí)例化頁(yè)卡
container.addView(mListViews.get(position), 0);//添加頁(yè)卡
return mListViews.get(position);
}
@Override
public int getCount() {
return mListViews.size();//返回頁(yè)卡的數(shù)目
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0==arg1;//官方提示這樣寫(xiě)
}
}
第一個(gè)view
package com.example.myviewpager;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
/**
* 第一個(gè)
* @author cgx
*
*/
public class View1 {
private Context mContext;
private View rootView;
public View1(Context mContext) {
// TODO Auto-generated constructor stub
this.mContext=mContext;
//加載布局
rootView = LayoutInflater.from(mContext).inflate(
R.layout.view1_layout, null);
}
public View getView(){
return rootView;
}
}
activity布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF" >
<TextView
android:id="@+id/text1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="頁(yè)卡1"
android:textColor="#000000"
android:textSize="20sp" />
<TextView
android:id="@+id/text2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="頁(yè)卡2"
android:textColor="#000000"
android:textSize="20sp" />
<TextView
android:id="@+id/text3"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="頁(yè)卡3"
android:textColor="#000000"
android:textSize="20sp" />
</LinearLayout>
<com.example.myviewpager.MyViewPager
android:id="@+id/vPager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1.0"
android:background="#000000"
android:flipInterval="30"
/>
</LinearLayout>
View1的布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#123456" > </LinearLayout>
由于用于演示，所以view的布局只是用不同的背景色來(lái)區(qū)分，開(kāi)發(fā)中具體要展示的布局可以直接在view的布局文件里面改。demo中的view都是參考第一個(gè)來(lái)寫(xiě)的，類(lèi)似
總結(jié)。
實(shí)際開(kāi)發(fā)中，雖然官方提供了很多api，真正等到要自己用的時(shí)候，還是自己在依照習(xí)慣再包裝一層，成為自己的工具，這樣以后就可以直接用了，上面的例子是我在實(shí)習(xí)期間總結(jié)的，鄙陋之處敬請(qǐng)?jiān)?，也歡迎大家指出，一起學(xué)習(xí)(^_^)
代碼鏈接：http://pan.baidu.com/s/1pJAF6Gz
以上就是對(duì)Android ViewPager 的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料，謝謝大家對(duì)本站的支持！
相關(guān)文章
Android開(kāi)發(fā)實(shí)現(xiàn)各種圖形繪制功能示例
這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)各種圖形繪制功能,結(jié)合實(shí)例形式分析了Android圖形繪制常用的組件、函數(shù)使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-09-09
Android自定義控件實(shí)現(xiàn)圓形進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)圓形進(jìn)度條的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
Android圖片三級(jí)緩存的原理及其實(shí)現(xiàn)
本篇文章主要介紹了Android圖片三級(jí)緩存的原理及其實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了Android的應(yīng)用程序組件的相關(guān)資料，幫助大家更好的理解和使用Android，感興趣的朋友可以了解下2021-01-01
這篇文章主要為大家詳細(xì)介紹了android ToolBar的簡(jiǎn)單使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
RecyclerView 是Android L版本中新添加的一個(gè)用來(lái)取代ListView的SDK,它的靈活性與可替代性比listview更好。本文重點(diǎn)給大家介紹RecyclerView的萬(wàn)能分割線的知識(shí)，非常不錯(cuò)，感興趣的朋友一起看下吧2016-07-07
之前自如團(tuán)隊(duì)發(fā)布了一個(gè)自如客APP裸眼3D效果的實(shí)現(xiàn)。本文將通過(guò)Android OpenGL實(shí)現(xiàn)這一裸眼3D效果，文中的示例代碼講解詳細(xì)，感興趣的可以學(xué)習(xí)一下2022-01-01
Android App中讀取XML與JSON格式數(shù)據(jù)的基本方法示例
這篇文章主要介紹了Android App中讀取XML與JSON格式數(shù)據(jù)的基本方法示例,Android中自帶的JSONObject非常好用,需要的朋友可以參考下2016-03-03
Android客制化adb shell進(jìn)去后顯示shell@xxx的標(biāo)識(shí)
今天小編就為大家分享一篇關(guān)于Android客制化adb shell進(jìn)去后顯示shell@xxx的標(biāo)識(shí)，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2018-12-12
android實(shí)現(xiàn)用戶體驗(yàn)超棒的微信WebView進(jìn)度條
本篇文章主要介紹了android實(shí)現(xiàn)用戶體驗(yàn)超棒的微信WebView進(jìn)度條，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03