Fragment切换的演示

首先创建主布局文件,即activity_main.xml,代码如下

<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="com.example.day17_fragment.MainActivity" >

<RadioGroup
android:id="@+id/rg_btns"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:gravity="center"
android:orientation="horizontal" >

<RadioButton
android:id="@+id/btn_menu1"
style="@style/radiobutton"
android:tag="1"
android:drawableTop="@drawable/menu1"
android:text="礼物" />

<RadioButton
android:id="@+id/btn_menu2"
style="@style/radiobutton"
android:tag="2"
android:drawableTop="@drawable/menu2"
android:text="朋友圈" />

<RadioButton
android:id="@+id/btn_menu5"
style="@style/radiobutton"
android:tag="5"
android:drawableTop="@drawable/menu5"
android:text="游戏"/>

<RadioButton
android:id="@+id/btn_menu3"
style="@style/radiobutton"
android:tag="3"
android:drawableTop="@drawable/menu3"
android:text="个人" />

<RadioButton
android:id="@+id/btn_menu4"
style="@style/radiobutton"
android:tag="4"
android:drawableTop="@drawable/menu4"
android:text="赚钱"/>
</RadioGroup>
<FrameLayout
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/rg_btns"></FrameLayout>
</RelativeLayout>

这里使用了RadioButton进行界面的切换,相同属性值我都写在样式里了,这里只是引用一下,这不是重点.在按钮上方使用了FrameLayout作为Fragment的容器,为什么使用帧布局呢,毕竟方便.

其次,创建五个Fragment布局,差不多的布局,我就写一个了.以下是代码:

<?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" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="第1个fragment" />

</LinearLayout>

这里的textview只是为了区分不同的Fragment.

布局文件创建好了,我们开始写代码了.

首先创建自己的Fragment类,如:FristFragment,然后继承Fragment.导包不要导错,我是用的v4兼容包.

以下是Fragment类的代码:

package com.example.day17_fragment;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class FirstFragment extends Fragment{
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.firstfragment,container,false);
}
}

这是第一个Fragment的代码,剩下的基本都是一样的步骤.就是onCreateView方法的返回值中,将R.layout.firstfragment替换成你的其他Fragment的布局文件.就不罗嗦了.

在所有的自定义的Fragment类都写好了后,开始写MainActivity了,以下是代码:

package com.example.day17_fragment;

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
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.FragmentTransaction;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.FrameLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends FragmentActivity {
private RadioGroup rg_btns;
private FragmentManager fm = getSupportFragmentManager();
private Fragment fir, sec, thri, forth, fif;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initList();
//默认显示的fragment
selectBtn(R.id.btn_menu5);

rg_btns.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
selectBtn(checkedId);
}
});
}
//通过按钮选择对应的Fragment
private void selectBtn(int checkedId) {
FragmentTransaction ft = fm.beginTransaction();
isNull(ft);
switch (checkedId) {
case R.id.btn_menu5:
// 主页
if (fif == null) {
fif = new FifthFragment();
ft.add(R.id.content, fif);
} else {
ft.show(fif);
}
break;
case R.id.btn_menu1:
if (fir == null) {
fir = new FirstFragment();
ft.add(R.id.content, fir);
} else {
ft.show(fir);
}
break;
case R.id.btn_menu2:
if (sec == null) {
sec = new SecondFragment();
ft.add(R.id.content, sec);
} else {
ft.show(sec);
}
break;
case R.id.btn_menu3:
if (thri == null) {
thri = new ThridFragment();
ft.add(R.id.content, thri);
} else {
ft.show(thri);
}
break;
case R.id.btn_menu4:
if (forth == null) {
forth = new ForthFragemnt();
ft.add(R.id.content, forth);
} else {
ft.show(forth);
}
break;

default:
break;
}
//别忘了,要commit.千万别忘了
ft.commit();
}
private void isNull(FragmentTransaction ft) {
if (fif != null) {
ft.hide(fif);
}
if (fir != null) {
ft.hide(fir);
}
if (sec != null) {
ft.hide(sec);
}
if (thri != null) {
ft.hide(thri);
}
if (forth != null) {
ft.hide(forth);
}
}

//初始化控件,虽然只有一个,但还是要养成这样的习惯.
private void initView() {
rg_btns = (RadioGroup) findViewById(R.id.rg_btns);
}
}

在MainActivity中,首先是初始化控件.设置RadioGroup的监听事件,然后通过对应的按钮找到对应的Fragment,是不是很简单.就是选择Fragment的代码多了一些.我加了很多判断Fragment的判断是为了优化代码,判断Fragment是否为null,这样才会在点击按钮之后再创建,不然在布局加载的时候都创建了,我又不用不就浪费了么.Last but not least,别导错包,v4包,所以因为导的是v4包,这里的MainActivity就不能继承Activity了,要继承FragmentActivity.这是容易遗漏的地方.

然后代码貌似还是很多很不爽,就想了一个可以减少代码的方式.先给看一下减少后的代码:

package com.example.day17_fragment;

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
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.FragmentTransaction;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.FrameLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends FragmentActivity {
private RadioGroup rg_btns;
private FragmentManager fm = getSupportFragmentManager();
private Fragment fir, sec, thri, forth, fif;
private List<Fragment> list = new ArrayList<Fragment>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
//默认显示
fm.beginTransaction().add(R.id.content, list.get(4)).commit();
rg_btns.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {

RadioButton rb = (RadioButton) group.findViewById(checkedId);
int num = Integer.parseInt(rb.getTag().toString())-1;
fm.beginTransaction().replace(R.id.content, list.get(num)).commit();
}
});
}
//将Fragment对象加入集合中
private void initList() {
list.add(new FirstFragment());
list.add(new SecondFragment());
list.add(new ThridFragment());
list.add(new ForthFragemnt());
list.add(new FifthFragment());
}
//初始化控件
private void initView() {
rg_btns = (RadioGroup) findViewById(R.id.rg_btns);
}

}

这里使用了一个集合来存储Fragment对象,然后在RadioGroup的监听事件里通过CheckedId来查找RadioButton,获得对应的Tag属性值(还记得我在主布局RadioButton中的Tag属性么,就是为此特意加的),作为集合的索引.这里的方法是笨方法.代码灵活性较差,但毕竟能减少这么多代码,况且Fragment的数量屈指可数,便也就无伤大雅了.

以下图片是最终效果:











好吧,这其实就是我的家庭作业,顺便整理一下,作为我的第一个技术博文吧.