ViewPage相當(dāng)于一個容器，通過手勢左右滑動
需要配置Adapter
- PagerAdapter 數(shù)據(jù)源 對應(yīng)與view的集合 List<View>
- FragmentPagerAdapter 數(shù)據(jù)源 對應(yīng)與fragfment集合 List<Fragment>
- FragmentStatePagerAdapter 數(shù)據(jù)源 對應(yīng)與fragfment集合 List<Fragment>
案例：
第一步：創(chuàng)建四個view.xml翩活，一個activity.xml
第二步：創(chuàng)建一個適配器MyPageAdapter
public class MyPageAdapter extends PagerAdapter{
private List<View> viewList;
public MyPageAdapter(List<View> viewList){
this.viewList=viewList;
}
//返回的頁面的數(shù)量
@Override
public int getCount() {
return viewList.size();
}
//去判斷當(dāng)前view是否來至于對象
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
//實例化一個頁面
@Override
public Object instantiateItem(ViewGroup container, int position) {
//添加一個viewList所對應(yīng)的一個view對象
container.addView(viewList.get(position));
return viewList.get(position);
}
//銷毀一個頁面
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(viewList.get(position));
}
}
第三步：進行加載
重要代碼：
public class SecondActivity extends AppCompatActivity{
private List<View> viewList;
private ViewPager viewPager;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
TextView textView=(TextView)findViewById(R.id.text);
viewList=new ArrayList<View>();
View view1=View.inflate(this,R.layout.view1,null);
View view2=View.inflate(this,R.layout.view2,null);
View view3=View.inflate(this,R.layout.view3,null);
View view4=View.inflate(this,R.layout.view4,null);
viewList.add(view1);
viewList.add(view2);
viewList.add(view3);
viewList.add(view4);
//初始化viewPage
viewPager=(ViewPager) findViewById(R.id.page);
//創(chuàng)建適配器
MyPageAdapter adapter=new MyPageAdapter(viewList);
//加載適配器
viewPager.setAdapter(adapter);
}
}
給每次頁面設(shè)計一個標(biāo)題 放到
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.ViewPager
android:id="@+id/page"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<android.support.v4.view.PagerTabStrip
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tab"
android:layout_gravity="top"
/>
</android.support.v4.view.ViewPager>
</LinearLayout>
在java功能實現(xiàn)里設(shè)置樣式標(biāo)題
//設(shè)置標(biāo)題
titleList=new ArrayList<String>();
titleList.add("微信");
titleList.add("通訊錄");
titleList.add("發(fā)現(xiàn)");
titleList.add("我的");
//tab初始化
tabStrip=(PagerTabStrip)findViewById(R.id.tab);
//標(biāo)題背景色
tabStrip.setBackgroundColor(Color.RED);
//去掉下邊框的線
tabStrip.setDrawFullUnderline(false);
//設(shè)置短小粗線的顏色
tabStrip.setTabIndicatorColor(Color.GREEN);
也可以設(shè)置
<android.support.v4.view.PagerTitleStrip
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/title"
android:layout_gravity="bottom"
></android.support.v4.view.PagerTitleStrip>
注意：PagerTitleStrip與PagerTabStrip不可以一起使用胸完，會發(fā)生沖突
最后的結(jié)果就是可以實現(xiàn)頁面可以滑動到妥凳，類似于微信
