viewpager用来实现手机页面的左右切换,本文利用viewPager+PagerTabStrip来实现带顶部导航条的页面切换功能。
首先继承PagerAdapter类来管理页面。
public class MyViewPagerAdapter extends PagerAdapter{
private List<View>viewList;//存放需要切换的页面view
private List<String>titleList;//存放个页面的title
public MyViewPagerAdapter(List<View>viewList,List<String>titleList)
{
this.viewList=viewList;
this.titleList=titleList;
}
//返回所有视图的数量
@Override
public int getCount() {
// TODO Auto-generated method stub
return viewList.size();
}
//判断视图是否由对象产生
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0==arg1;
}
//实例化页面并返回当前对象(view)
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
container.addView(viewList.get(position));
return viewList.get(position);
}
//删除页面
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
container.removeView(viewList.get(position));
}
//获取对应页面的title
@Override
public CharSequence getPageTitle(int position) {
// TODO Auto-generated method stub
return titleList.get(position);
}
}
然后,在你的Activity中向适配器添加view和相关数据:
private ViewPager pager;
private List<View>viewList;
private PagerTabStrip tab;
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=new ArrayList<View>();
viewList.add(view1);
viewList.add(view2);
viewList.add(view3);
viewList.add(view4);
titleList=new ArrayList<String>();
titleList.add("第一页");
titleList.add("第二页");
titleList.add("第三页");
titleList.add("第四页");
//设置导航条的样式
tab=(PagerTabStrip) findViewById(R.id.tab);
tab.setBackgroundColor(Color.YELLOW);
tab.setTabIndicatorColor(Color.BLUE);
tab.setDrawFullUnderline(false);
tab.setTextColor(Color.RED);
pager=(ViewPager) findViewById(R.id.pager);
MyViewPagerAdapter adapter=new MyViewPagerAdapter(viewList, titleList);
pager.setAdapter(adapter);
你的Activity所对应的layout:
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" >
<android.support.v4.view.PagerTabStrip
android:id="@+id/tab"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</android.support.v4.view.PagerTabStrip>
</android.support.v4.view.ViewPager>
但是这种方式并不适合于需要处理较为复杂的业务逻辑的情况,所以推荐使用Fragment来替换view,因为Fragment具有较为清晰的生命周期,便于事务的处理。(见下一篇)