Android——ViewPager及适配器PagerAdapter...

ViewPager是android扩展包v4包中的类，这个类可以让用户左右切换当前的view。

好比微信的界面：

手指左右滑动可以切换到微信、通讯录、发现和我这四个导航中..

注意以下几点：

1）ViewPager类直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的view类。

2）ViewPager类需要一个PagerAdapter适配器类给它提供数据。

3）ViewPager经常和Fragment一起使用，并且提供了专门的PagerAdapter、FragmentPagerAdapter和

FragmentStatePagerAdapter类供Fragment中的ViewPager使用。

4）在编写ViewPager的应用的使用，还需要使用两个组件类分别是PagerTitleStrip类和PagerTabStrip类，PagerTitleStrip类直接继

承自ViewGroup类，而PagerTabStrip类继承PagerTitleStrip类，所以这两个类也是容器类。

既然PagerTabstrip继承PagerTitleStrip，当然要比它多一些功能，但是有一点需要注意，在定义XML的layout的时候，这两个类

必须是ViewPager标签的子标签，不然会出错。

我们来简单操练一下：

先用PagerAdapter适配器来适配内容及视图view。

创建4个页面的布局view。

<?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" >

    <TextView
        android:id="@+id/view1_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一个页面" />

</LinearLayout>

这里我们重复创建4个，内容是第一到第四个页面。

创建PagerAdapter，补全继承过来的方法：

package com.example.viewpagertest;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

public class MyPagerAdapter extends PagerAdapter{
    private List<View>viewlist;//存放布局view
    private List<String> tablist;//切换的导航名字

    public MyPagerAdapter(List<View>viewlist,List<String> tablist){
        this.viewlist=viewlist;
        this.tablist=tablist;
    }

//  返回的是页面的数量（view）

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return viewlist.size();
    }

//  view是否来自对象

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0==arg1;//官方做法
    }

//  实例化一个页面
    @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));
    }
//设置导航
    @Override
    public CharSequence getPageTitle(int position) {
        // TODO Auto-generated method stub
        return tablist.get(position);
    }

}

activity_main xml（存放的ViewPager）：

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.viewpagertest.MainActivity" >

    <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/pagertab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" >
        </android.support.v4.view.PagerTabStrip>

        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pagertitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="bottom" >
        </android.support.v4.view.PagerTitleStrip>
    </android.support.v4.view.ViewPager>

</LinearLayout>

PagerTabstrip和PagerTitleStrip这两个选择一种，因为其中一种起作用会使另一种无效，这里为了方便演示所以都写上了。

PagerTabstrip通过点击导航会切换页面，而title的不会出现点击效果。

我们需要将这四个布局文件转成view视图。

Mainactivity：

package com.example.viewpagertest;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;

public class MainActivity extends Activity {
    private List<View> viewlist;
    private ViewPager pager;
    private PagerTabStrip tab;
    private List<String> tablist;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        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);

//      初始化控件
        pager=(ViewPager) findViewById(R.id.pager);
        tab=(PagerTabStrip) findViewById(R.id.pagertab);

//      PagerTabStrip属性设置
        tab.setBackgroundColor(Color.GRAY);
        tab.setDrawFullUnderline(false);
        tab.setTabIndicatorColor(Color.GREEN);
        tab.setTextColor(Color.MAGENTA);


        tablist =new ArrayList<String>();
        tablist.add("第一页");
        tablist.add("第二页");
        tablist.add("第三页");
        tablist.add("第四页");

//      创建适配器
        MyPagerAdapter adapter=new MyPagerAdapter(viewlist,tablist);

        pager.setAdapter(adapter);

    }


}