1、添加android support包
因为上面的几个类都是在android support包中才提供,我们先添加包。
在Eclipse->Window->Android SDK Manager,选择列表中Extras->Android Support Library进行安装。下载完后在android-sdk\extras\android\support目录下,这里我们选择v4版本,进入v4目录,拷贝其中的android-support-v4.jar文件到工程的libs目录(若没有新建)下即可,编译时ADT会自动将其导入项目中。
2、新建ViewPager的layout,内容如下
<&#63;xml version="1.0" encoding="utf-8"&#63;>
ViewPager用来管理layout并可以左右滑动显示各个页面数据,PagerTabStrip用来显示页面title,android:layout_gravity="top"表示title在顶部,可设置bottom等。
3、新建FragmentActivity页面
FragmentActivity页面含有ViewPager元素,可以用来显示Fragment,定义如下:
public class ViewPagerDemo extends FragmentActivity { /** 页面list **/ ListfragmentList = new ArrayList (); /** 页面title list **/ List titleList = new ArrayList (); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.view_pager_demo); ViewPager vp = (ViewPager)findViewById(R.id.viewPager); fragmentList.add(new ViewPagerFragment1("页面1")); fragmentList.add(new ViewPagerFragment1("页面2")); fragmentList.add(new ViewPagerFragment1("页面3")); titleList.add("title 1 "); titleList.add("title 2 "); titleList.add("title 3 "); vp.setAdapter(new myPagerAdapter(getSupportFragmentManager(), fragmentList, titleList)); } /** * 定义适配器 */ class myPagerAdapter extends FragmentPagerAdapter { private List fragmentList; private List titleList; public myPagerAdapter(FragmentManager fm, List fragmentList, List titleList){ super(fm); this.fragmentList = fragmentList; this.titleList = titleList; } /** * 得到每个页面 */ @Override public Fragment getItem(int arg0) { return (fragmentList == null || fragmentList.size() == 0) &#63; null : fragmentList.get(arg0); } /** * 每个页面的title */ @Override public CharSequence getPageTitle(int position) { return (titleList.size() > position) &#63; titleList.get(position) : ""; } /** * 页面的总个数 */ @Override public int getCount() { return fragmentList == null &#63; 0 : fragmentList.size(); } } }
其中的myPagerAdapter集成自ragmentPagerAdapter,为ViewPager提供数据源。
onCreate函数得到ViewPager实例并设置数据源,getSupportFragmentManager表示得到Fragment管理器。ViewPagerFragment1表示具体的页面,见下面介绍。
4、新建Fragment页面
Fragment页面即为左右滑动需要显示的页面,新建类集成Fragment,并重写onCreateView函数即可。onCreateView函数相当于Activity的onCreate函数。如下:
public class ViewPagerFragment1 extends Fragment { private String text; private TextView tv = null; public ViewPagerFragment1(String text){ super(); this.text = text; } /** * 覆盖此函数,先通过inflater inflate函数得到view最后返回 */ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View v = inflater.inflate(R.layout.view_pager_fragment_demo1, container, false); tv = (TextView)v.findViewById(R.id.viewPagerText); tv.setText(text); return v; } }
5、示例工程代码:
package cn.trinea.android.demo; import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; public class ViewPagerDemo extends BaseFragmentActivity { private static int TOTAL_COUNT = 3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState, R.layout.view_pager_demo); ViewPager vp = (ViewPager)findViewById(R.id.view_pager); ListfragmentList = new ArrayList (); List titleList = new ArrayList (); for (int i = 0; i fragmentList; private List titleList; public myPagerAdapter(FragmentManager fm, List fragmentList, List titleList) { super(fm); this.fragmentList = fragmentList; this.titleList = titleList; } @Override public Fragment getItem(int arg0) { return (fragmentList == null || fragmentList.size() == 0) &#63; null : fragmentList.get(arg0); } @Override public CharSequence getPageTitle(int position) { return (titleList.size() > position) &#63; titleList.get(position) : ""; } @Override public int getCount() { return fragmentList == null &#63; 0 : fragmentList.size(); } } }
简单效果如下: