由于手机本身的空间没那么大,所以大部分情况我们都会使用tab来实现扩展手机页面。今天这篇博客我主要写下如何利用ViewPager 实现tab。
这里首先我们要准备好布局。
一个title布局,一个bottom布局,中间是一个ViewPager控件,这里我准备了3个tab布局。
布局文件就不做过多说明了,主要说下活动里面利用ViewPager实现Tab。
首先声明几个对象
private ViewPager mViewPager;
private List<View> mlist=new ArrayList<>();
private PagerAdapter mAdapter;
private LinearLayout mL1;
private LinearLayout mL2;
private LinearLayout mL3;
private ImageButton ml1_img;
private ImageButton ml2_img;
private ImageButton ml3_img;
第二行代码声明了一个View类型的List集合,保存每一个tab页面。
ViewPager需要声明PagerAdapter适配器。
剩下的代码就是第一张图片里面的控件声明。
LayoutInflater mInflater=LayoutInflater.from(this);
View tab_01=mInflater.inflate(R.layout.tab1,null);
View tab_02=mInflater.inflate(R.layout.tab2,null);
View tab_03=mInflater.inflate(R.layout.tab3,null);
mlist.add(tab_01);
mlist.add(tab_02);
mlist.add(tab_03);
把tab添加到List集合里面之后,声明PagerAdapter内部类。
mAdapter=new PagerAdapter() {
@Override
public int getCount() {
return mlist.size();
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mlist.get(position));
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View view=mlist.get(position);
container.addView(view);
return view;
}
};
默认生成前两个方法,我们还需要再重写后两个方法,一个是初始化item,一个是移走item.
PagerAdapter写完之后,通过ViewPager的setAdapter()方法联系在一起。
mViewPager.setAdapter(mAdapter);
此时运行我们左右滑动,可以实现页面切换,但是页面下面的bottom没有任何变化。接下来的博客说下如何实现下面的bottom的控件和页面切换保持一致。