將一個listview中的數據用ViewPager實現橫屏滑動分頁顯示

要使用ViewPager首先要导入包android-support-v4.jar

1、布局文件

main.xml 主界面

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <android.support.v4.view.ViewPager        android:id="@+id/test_viewpager"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

viewpager中lsitview的布局也可以是GridView

viewpager_listview.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="wrap_content"    android:orientation="horizontal" >    <ListView        android:id="@+id/viewpage_list"        android:layout_width="fill_parent"        android:layout_height="wrap_content" >    </ListView></LinearLayout>

listview中每个数据条目的布局

listview_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="horizontal" >    <ImageView        android:id="@+id/viewpage_test_icon"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:background="@drawable/ic_launcher" >    </ImageView>    <TextView        android:id="@+id/viewpage_test_text"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:hint="test"        android:textSize="30dp" >    </TextView></LinearLayout>

2、需要两个Adapter，viewpager的adapter和lsitview的adapter

public class MyPagerAdapter extends PagerAdapter{    private static final String TAG = "MyPagerAdapter";    private List<View> mViewPages;    public MyPagerAdapter(List<View> viewPages) {        mViewPages = viewPages;    }    @Override    public int getCount()    {        // TODO Auto-generated method stub        return mViewPages.size();    }    @Override    public boolean isViewFromObject(View arg0, Object arg1)    {        // TODO Auto-generated method stub        return arg0 == arg1;    }    @Override    public void destroyItem(View v, int position, Object object)    {        // TODO Auto-generated method stub        ((ViewPager) v).removeView(mViewPages.get(position));    }    @Override    public void finishUpdate(View container)    {        // TODO Auto-generated method stub    }    @Override    public int getItemPosition(Object object)    {        // TODO Auto-generated method stub        return super.getItemPosition(object);    }    @Override    public Object instantiateItem(View v, int position)    {        // TODO Auto-generated method stub        ((ViewPager) v).addView(mViewPages.get(position));        return mViewPages.get(position);    }    @Override    public void restoreState(Parcelable state, ClassLoader loader)    {        // TODO Auto-generated method stub    }    @Override    public Parcelable saveState()    {        // TODO Auto-generated method stub        return null;    }    @Override    public void startUpdate(View container)    {        // TODO Auto-generated method stub    }}

public class MyListAdapter extends BaseAdapter{    private LayoutInflater mInflater;    private List<String> mList;    private Context mContext;    public MyListAdapter(Context context, List<String> list) {        mContext = context;        mInflater = LayoutInflater.from(mContext);        mList = list;    }    @Override    public int getCount()    {        return mList.size();    }    @Override    public Object getItem(int position)    {        return mList.get(position);    }    @Override    public long getItemId(int position)    {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent)    {        ViewHolder holder;        if (convertView == null) {            convertView = mInflater.inflate(R.layout.listview_item, null);            holder = new ViewHolder();            holder.icon = (ImageView) convertView.findViewById(R.id.viewpage_test_icon);            holder.text = (TextView) convertView.findViewById(R.id.viewpage_test_text);            convertView.setTag(holder);        } else {            holder = (ViewHolder) convertView.getTag();// 取出ViewHolder对象        }        holder.text.setText(mList.get(position));        return convertView;    }        public final class ViewHolder    {        public ImageView icon;        public TextView text;    }}

3、操作类

public class ViewPagerPresenter{    private static final String TAG = "ViewPagerPresenter";    private static final int PAGE_SIZE = 5; // 每页显示的数据个数    private static final int TEST_LIST_SIZE = 43; // 数据总长度    private static int sTotalPages = 1;    private int mCurrentPage;    private List<MyListAdapter> mAdapters;    private List<List<String>> mPageList;    private List<ListView> mListViews;    private List<View> mViewPages;    private ViewPagerTestActivity mView;    public ViewPagerPresenter(ViewPagerTestActivity view) {        mView = view;        mPageList = new ArrayList<List<String>>();        mListViews = new ArrayList<ListView>();        mAdapters = new ArrayList<MyListAdapter>();        mViewPages = new ArrayList<View>();        initPages(getTestList());        initViewAndAdapter();    }    /**     * 将数据分页     * @param list     */    public void initPages(List<String> list)    {        if (list.size() % PAGE_SIZE == 0) {            sTotalPages = list.size() / PAGE_SIZE;        } else {            sTotalPages = list.size() / PAGE_SIZE + 1;        }        mCurrentPage = 0;        List<String> l = new ArrayList<String>();        for (int i = 0; i < list.size(); ++i) {            l.add(list.get(i));            if ((i + 1) % PAGE_SIZE == 0) {                mPageList.add(l);                l = new ArrayList<String>();            }        }        if (l.size() > 0) {            mPageList.add(l);        }    }    /**     * 模拟数据     * @return     */    public List<String> getTestList()    {        List<String> strs = new ArrayList<String>();        for (int i = 0; i < TEST_LIST_SIZE; ++i) {            String s = "viewpager test 第 " + i + "个";            strs.add(s);        }        return strs;    }    private void initViewAndAdapter()    {        LayoutInflater inflater = mView.getLayoutInflater();        for (int i = 0; i < sTotalPages; ++i) {            View v = inflater.inflate(R.layout.viewpager_listview, null);            ListView lv = (ListView) v.findViewById(R.id.viewpage_list);            mListViews.add(lv);            MyListAdapter adapter = new MyListAdapter(mView, mPageList.get(i));            mAdapters.add(adapter);            lv.setAdapter(adapter);            mViewPages.add(v);        }    }    public List<View> getPageViews()    {        return mViewPages;    }}

4、TestActivity

public class ViewPagerTestActivity extends Activity{    private static final String TAG = "ViewPagerTestActivity";        private ViewPager mViewPager;    private PagerAdapter mPageAdapter;    private ViewPagerPresenter mPresenter;        /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState)    {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        init();    }        private void init()    {        mViewPager = (ViewPager) findViewById(R.id.test_viewpager);        mPresenter = new ViewPagerPresenter(this);        mPageAdapter = new MyPagerAdapter(mPresenter.getPageViews());        mViewPager.setAdapter(mPageAdapter);    }}

5、运行界面如下：