前段日子的博客有介绍过关于ViewPager的使用,发现大家对那篇博客都情有独钟,今天我们就在来看一下ViewPager在Fragment中的使用吧,因为ViewPager是在补丁包中添加的低版本的包,而Fragment又必须运行在android 3.0以上的平台上,这里就出现了一定的矛盾,为了解决这个问题呢,我们的主程序必须继承FragmentActivity取代之前的Acitvity,导包的时候要注意导的都要是V4的包,要不然会报错。下面我们来分析一下源代码的注意事项把!
MainActivity的代码
package com.example.f20_fragement08;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.Menu;
public class MainActivity extends FragmentActivity {
private ViewPager pager;
private List<Fragment> list;
private FragmentManager manager;
private PagerTitleStrip pagerTitleStrip;
private List<String> title;
private MyAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
pager = (ViewPager) this.findViewById(R.id.pager);
pagerTitleStrip = (PagerTitleStrip) this.findViewById(R.id.pagertitle);
pagerTitleStrip.setTextSpacing(1000);// 设置标题间的距离
list = new ArrayList<Fragment>();
title = new ArrayList<String>();
list.add(new AFragment());// add Fragment
list.add(new BFragment());
title.add("第一个页面");// 设置标题
title.add("第二个页面");
manager = getSupportFragmentManager();// 因为使用的是V4的补丁包,必须的继承FragmentActivity
// 才能实例化manager对象
adapter = new MyAdapter(manager);
pager.setAdapter(adapter);
adapter.notifyDataSetChanged();
}
//使用FragmentStatePagerAdapter能缓存更多的上一个页面,必须的
//继承getCount,getItem方法
public class MyAdapter extends FragmentPagerAdapter {
public MyAdapter(FragmentManager fm) {
super(fm);
// TODO Auto-generated constructor stub
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return list.size();
}
@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub
return list.get(arg0);
}
@Override
public CharSequence getPageTitle(int position) {
// TODO Auto-generated method stub
return title.get(position);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
之前有贴出过布局文件的代码,这次就再强调一下吧
<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="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=".MainActivity" >
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center" >
<android.support.v4.view.PagerTitleStrip
android:id="@+id/pagertitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top" >
</android.support.v4.view.PagerTitleStrip>
</android.support.v4.view.ViewPager>
</RelativeLayout>