有時候我們需要在ViewPager中加入ListView 實現各個分頁之間左右滑動，ListView分頁上上下滑動

實現的方法大致如下：

首先我們為ListView設定一個佈局檔案 list1.xml

<?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">
    <ListView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/listview"></ListView>
</LinearLayout>

接下來我們設定一下ListView的樣式 item_listview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context="com.cx.imooc.MainActivity"
>
    <CheckBox
android:focusable="false"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/checkbox"
 
android:layout_alignParentRight="true"
android:layout_centerVertical="true"/>
    <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/title"
android:textSize="16sp"
android:text="Android新技能"
android:textColor="#444"
android:singleLine="true"
android:layout_alignParentLeft="true"/>
    <TextView
android:id="@+id/context"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/title"
android:layout_marginTop="10dp"
android:layout_toLeftOf="@+id/checkbox"
android:text="Android打造萬能的ListView"
android:minLines="1"
android:maxLines="2"
android:textSize="16sp"
android:textColor="#898989"
/>
    <TextView
android:id="@+id/time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/context"
android:layout_marginTop="10dp"
android:text="2013-12-12"
android:textSize="16sp"
android:textColor="#898989"
/>
    <TextView
android:id="@+id/phone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/context"
android:layout_marginTop="10dp"
android:text="18848900900"
android:textSize="16sp"
android:textColor="#fff"
android:drawableLeft="@drawable/phone"
android:layout_alignParentRight="true"
android:drawablePadding="5dp"
android:paddingRight="3dp"
android:background="#1161D6"
android:gravity="center"
/>
</RelativeLayout>

我們另外設定3個TextView實現分頁效果，在這裡就不貼程式碼了

在MainActivity中我們宣告一個List<View>來儲存View,宣告一個ListView 一個PagerAdapter

private ListView listView ;

private ViewPager viewPager;
private PagerAdapter pagerAdapter;
private List<View> views = new ArrayList<View>();

private List<Bean> mDatas;

接下來我們對資料進行初始化

private void initDatas() {
    mDatas = new ArrayList<Bean>();
    for(int i = 1;i<=10;i++) {
        Bean bean = new Bean("AndroidGet"+i, "ac", "2015-11-11", "1884896xxxx");
mDatas.add(bean);
}
}

完成後首先對PagerAdapter進行初始化

viewPager = (ViewPager) findViewById(R.id.viewpager);

接下來對layoutInflater例項化

LayoutInflater layoutInflater = LayoutInflater.from(this);

View t1=layoutInflater.inflate(R.layout.list2,null);
View t2=layoutInflater.inflate(R.layout.list3,null);
View t3=layoutInflater.inflate(R.layout.list1,null);
View t4=layoutInflater.inflate(R.layout.list4,null);

讀取4個View

這段程式碼首先我們對listview進行初始化,listview因為不在主佈局檔案中，所以我們沒有辦法直接通過findviewbyId(R.id.listview)來讀取 不然會發生空指標錯誤

所以我們首先將listview所在的佈局檔案例項化

View t3=layoutInflater.inflate(R.layout.list1,null);

接著我們就通過 listview = (ListView)t3.findviewbyId(R.id.listview) 來讀取出listview

接下來通過listview.setAdapter()來設定Adapter 

listView = (ListView) t3.findViewById(R.id.listview);

listView.setAdapter(new CommonAdapter<Bean>(MainActivity.this, mDatas, R.layout.item_listview) {
        @Override
public void Convert(ViewHolder viewHolder, final Bean bean) {
            viewHolder.setText(R.id.title, bean.getTitle());
viewHolder.setText(R.id.context, bean.getContext());
viewHolder.setText(R.id.time, bean.getTime());
viewHolder.setText(R.id.phone, bean.getPhone());
            final CheckBox cb = viewHolder.getView(R.id.checkbox);
cb.setChecked(bean.isChecked());
cb.setOnClickListener(new View.OnClickListener() {
                @Override
public void onClick(View v) {
                    bean.setChecked(cb.isChecked());
}
            });
}
    });

在這裡我使用的是自定義的Adapter和viewHolder 

大家需要根據自己的ListView寫對應的Adapter和viewHolder

接下來我們將這三個TextView 一個ListView加入List<View>中併為ViewPager設定Adapter

views.add(t1);
views.add(t2);
views.add(t3);
views.add(t4);
pagerAdapter = new PagerAdapter() {
    @Override
public int getCount() {
        return views.size();
}

    @Override
public boolean isViewFromObject(View view, Object object) {
        return view==object;
}

    @Override
public Object instantiateItem(ViewGroup container, int position) {
        View view= views.get(position);
container.addView(view);
        return view;
}

    @Override
public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(views.get(position));
}
};
viewPager.setAdapter(pagerAdapter);

重點需要注意的是以下這段程式碼

View t3=layoutInflater.inflate(R.layout.list1,null);

listView = (ListView) t3.findViewById(R.id.listview);

我們必須先將ListView所在的佈局檔案例項化後 才可以進行findViewById操作 不然會報錯！

如果大家還有什麼疑問 留言我們一起交流 

效果如下