Android:viewPager

来源：互联网发布：淘宝香水时代有假货吗编辑：程序博客网时间：2024/04/29 21:29

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具有较为清晰的生命周期，便于事务的处理。（见下一篇）

0 0