很多时候,一个应用有多个功能点,分属于不同的类别,存在这样的需求,不同的布局展示不同的功能,那么Fragment和ViewPager就是一个很好的帮手了。
而Fragment是3.0以后才提供的一个功能,所以在3.x之前的,如果要用Fragment的话,就要用support v4包了。
在Eclipse中升级到最新版的ADT之后,会发现通过Wizard来创建的Android项目,都默认会用Fragment来作为处理事务的主要逻辑窗口,而Activity则不再干这事了,这可能是Android想要强推Fragment的使用了吧,尽量将不同业务逻辑的控制分散到不同的Fragment中,降低程序的耦合度。
今天的小Demo就是来展示如何应用Fragment和ViewPager来显示不同的分组展现,具体效果先看下图:
如图上所示:
1)在界面上有两个页面,一个是显示正在运行的应用程序,一个是显示正在运行的服务,它们是由两个Fragment来展示的。
2)在屏幕下面有两个按钮,通过这两个按钮,可以分别切换到不同的Fragment中去。
3)ViewPager在这里作为Fragment的容器,通过左右滑动,可以在不同的Fragment中切换。
接下来我们看看一些关键的实现:
主界面的布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.lms.kicker.KickerMainActivity"
tools:ignore="MergeRootFrame" >
<android.support.v4.view.ViewPager
android:id="@+id/vpContainer"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:paddingBottom="@dimen/activity_horizontal_margin"
android:paddingLeft="@dimen/activity_vertical_margin"
android:paddingRight="@dimen/activity_vertical_margin"
android:paddingTop="@dimen/activity_horizontal_margin" />
<RadioGroup
android:id="@+id/rgTabButtons"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/rbRunningApp"
style="@style/MainTags"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="@string/tag_running_app" />
<RadioButton
android:id="@+id/rbRunningService"
style="@style/MainTags"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="@string/tag_running_service" />
</RadioGroup>
</LinearLayout>
1)上方是一个ViewPager
2)下面是一个RadioGroup,包含两个RadioButton,有N个Fragment,就使用N个RadioButton。因为在RadioGroup里面的RadioButton是互斥的,刚好跟我们只需要在某一个时刻只能有一个Fragment被选中并展示的需求符合。
两个Fragment
至于两个Fragment里面的具体内容,大家看源码就好了。
FragmentPagerAdapter
每一个ViewPager都需要一个数据源的PagerAdapter,如果是展示图片,那就是一个关于图片的PagerAdapter,如果是展示Fragment,当然就是要有一个关于Fragment的PagerAdapter了。而Android本身就已经为我们提供了两个关于Fragment的PagerAdapter,在我们这里就只需要用FragmentPagerAdapter就好了,其代码如下:
class KickerFragmentAdapter extends FragmentPagerAdapter {
private Context mContext;
public KickerFragmentAdapter(FragmentManager fm, Context context) {
super(fm);
mContext = context;
}
@Override
public Fragment getItem(int arg0) {
return Fragment.instantiate(mContext, fragmetns[arg0]);
}
@Override
public int getCount() {
return fragmetns.length;
}
}
FragmentPagerAdapter的代码逻辑很简单,跟一般的BaseAdapter类似,它主要有三个方法必须实现:
1)带FragmentManager的构造函数,用Support包的话,必须如下调用 :
KickerFragmentAdapter adpater = new KickerFragmentAdapter(getSupportFragmentManager(), this);
2)getItem方法
在个方法里面,利用Fragment.instantiate方法对应的Fragment,其中第二个参数 fname,就是对应Fragment的类名,如下:
private String[] fragmetns = new String[] {
RunningAppFragment.class.getName(),
RunningServiceFragment.class.getName() };
3)getCount,返回Pager的个数。
OnPageChangeListener 和 OnCheckedChangeListener
为了跟下面的RadioGroup进行呼应,我们还需要对ViewPager和RadioGroup添加对应的响应函数,如下:
private OnPageChangeListener onPageChangeListener = new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
mCurrentFragment = arg0;((RadioButton) rgTabButtons.getChildAt(arg0)).setChecked(true);
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
};
private OnCheckedChangeListener onCheckedChangeListener = new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
int checkedItem = 0;
switch (checkedId) {
case R.id.rbRunningApp:
checkedItem = 0;
break;
case R.id.rbRunningService:
checkedItem = 1;
break;
}
vpContainer.setCurrentItem(checkedItem);
mCurrentFragment = checkedItem;
}
};
1)在ViewPager中滑动到不同的Fragment的时候,下面的RadioGroup要发生改变。
2)当点击下面的RadioGroup的时候,ViewPager中也要定位到对应的fragment中去。
自定义Listener
为了跟Activity进行交流,我们必须为不同的Fragment定义接口,然后由Activity中实现这个接口,通过回调函数的作用,可以让Fragment中发生改变的时候同时作用到Activity中,如下,在RunningAppFragment.java中:
public interface OnRunningAppRefreshListener {
public void onRunningAppRefreshed();
}
而与此同时,Activity必须实现这个接口,如下:
public class KickerMainActivity extends ActionBarActivity implements RunningAppFragment.OnRunningAppRefreshListener{
为了保证Activity有实现这个接口,我们可以在onAttach的时候,将Activity强制转化为这个接口对象,如下:
public void onAttach(Activity activity){
super.onAttach(activity);
try{
onRunningAppRefreshListener = (OnRunningAppRefreshListener) activity;
}catch(ClassCastException e){
throw new ClassCastException(activity.toString()
+ " must implement OnRunningAppRefreshListener");
}
}
这样,如果Activity没有实现这个接口,就会抛出异常。
结束。
源代码点击下载!