在上一篇文章《Android Fragment用法详解(1)--静态使用Fragment》我们讲解了Fragment的最简单的用法。这次我们来说一说Fragment复杂一丢丢的用法。在代码中动态添加Fragment，让其实现类似微信主页面效果。也就是点击底部的按钮来动态改变中间内容页面。我们先来看看效果图吧。说明一下，为了方便大家复制粘贴，里面没有任何图片素材，都是用颜色和安卓自带图片来现实效果，所以有点难看哈~~毕竟我们是程序员不是美工嘛！
接下来就是源代码啦
先看MainActivity的布局文件吧。因为布局文件是关键哦。
<LinearLayout 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:orientation="vertical" > <fragment android:id="@+id/fg_title" android:name="com.example.fragmentdemo.TitleFragment" android:layout_width="match_parent" android:layout_height="45dp" /> <FrameLayout android:id="@+id/fl_content" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" > FrameLayout> <include layout="@layout/bar" /> LinearLayout>
然后看看底部四个按钮的布局吧
xml version="1.0" encoding="utf-8"?>
<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/rg"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/rb_1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/bar_selector"
android:button="@null"
android:drawableTop="@android:drawable/star_on"
android:gravity="center"
android:paddingLeft="0dp"
android:text="Frag_1" />
<RadioButton
android:id="@+id/rb_2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/bar_selector"
android:button="@null"
android:drawableTop="@android:drawable/star_on"
android:gravity="center"
android:paddingLeft="0dp"
android:text="Frag_2" />
<RadioButton
android:id="@+id/rb_3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@drawable/bar_selector"
android:button="@null"
android:drawableTop="@android:drawable/star_on"
android:gravity="center"
android:paddingLeft="0dp"
android:text="Frag_3" />
RadioGroup>
然后就是三个按钮的选择器（就是控制点击底部按钮的时候，底部按钮能够变化背景颜色的选择器）
xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_checked="true" android:drawable="@android:color/holo_red_light" >item>
<item android:state_checked="false" android:drawable="@android:color/holo_blue_bright">item>
selector>
接下来就是先上一些无关紧要的文件，哈哈。标题栏的类文件和布局文件
先看布局文件
xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="45dp"
android:gravity="center"
android:background="#00ff00" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fragment制作的标题栏"
android:textColor="@android:color/black"
android:textSize="18sp" />
RelativeLayout>
然后是类文件
package com.example.fragmentdemo; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** *************************************************************** * ***************************************************************** */ public class TitleFragment extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { /** * 加载布局文件然后返回view，显示在Activity */ View view = inflater.inflate(R.layout.title, container,false); return view; } }
然后就是重量级别的MainActivity类文件了
package com.example.fragmentdemo; 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.View; import android.view.View.OnClickListener; import android.view.Window; import android.widget.RadioButton; import android.widget.RadioGroup; public class MainActivity extends FragmentActivity implements OnClickListener { private RadioButton rb1; private RadioButton rb2; private RadioButton rb3; private RadioGroup rGroup; private Fragment f1,f2,f3; private FragmentManager manager; private FragmentTransaction transaction; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); /** * 拿到事务管理器并开启事务 */ manager = getSupportFragmentManager(); transaction = manager.beginTransaction(); /** * 初始化按钮 */ rb1 = (RadioButton) findViewById(R.id.rb_1); rb2 = (RadioButton) findViewById(R.id.rb_2); rb3 = (RadioButton) findViewById(R.id.rb_3); rGroup = (RadioGroup) findViewById(R.id.rg); /** * 为三个按钮添加监听 */ rb1.setOnClickListener(this); rb2.setOnClickListener(this); rb3.setOnClickListener(this); /** * 启动默认选中第一个 */ rGroup.check(R.id.rb_1); f1 = new Fragment1(); transaction.replace(R.id.fl_content, f1); transaction.commit(); } @Override public void onClick(View v) { manager = getSupportFragmentManager(); transaction = manager.beginTransaction(); switch (v.getId()) { case R.id.rb_1 : /** * 为了防止重叠，需要点击之前先移除其他Fragment */ hideFragment(transaction); f1 = new Fragment1(); transaction.replace(R.id.fl_content, f1); transaction.commit(); break; case R.id.rb_2 : hideFragment(transaction); f2 = new Fragment2(); transaction.replace(R.id.fl_content, f2); transaction.commit(); break; case R.id.rb_3 : hideFragment(transaction); f3 = new Fragment3(); transaction.replace(R.id.fl_content, f3); transaction.commit(); break; default : break; } } /* * 去除（隐藏）所有的Fragment * */ private void hideFragment(FragmentTransaction transaction) { if (f1 != null) { //transaction.hide(f1);隐藏方法也可以实现同样的效果，不过我一般使用去除 transaction.remove(f1); } if (f2 != null) { //transaction.hide(f2); transaction.remove(f2); } if (f3 != null) { //transaction.hide(f3); transaction.remove(f3); } } }
到这里基本都结束了。哈哈，然后聪明的同学一定还注意到MainActivtiy里还有3个Fragment的类，由于这三个基本是99%相同的，所以我就贴出其中一个的代码（其他两个无非就是修改显示文字，类文件名而已~~其他全部相同）
先看类文件
package com.example.fragmentdemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** *************************************************************** * ***************************************************************** */ /** * 这里要注意，Fragment是要引入android.support.v4.app.Fragment这个包里面的，不是那个app.fragment那个包哦 * @author LinFeng * */ public class Fragment1 extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.frament1, container,false); return view; } }
然后是布局文件
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:background="#ffff00"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="25sp"
android:text="FRAGMENT_1" />
LinearLayout>
看到这里，相信大家基本都学会动态添加Fragment了吧！为什么不直接贴出项目代码给大家下载？主要是，我不建议大家直接下载人家的项目来运行，然后阅读，感觉你会了。但其实，如果自己写，可能会出现各种奇葩的问题，所以，根据人家的思路，自己写一遍，运行一下，出来的，才是你自己的。
《==================================这是一条华丽的分割线================================》
最后我们看一些关于Fragment的东西，刚刚好在人家的博客里面看到觉得不错就COPY过来给大家看看了。
a、获取FragmentManage的方式：
getFragmentManager() // v4中，getSupportFragmentManager
b、主要的操作都是FragmentTransaction的方法
FragmentTransaction transaction = fm.benginTransatcion();//开启一个事务
transaction.add()
往Activity中添加一个Fragment
transaction.remove()
从Activity中移除一个Fragment，如果被移除的Fragment没有添加到回退栈（回退栈后面会详细说），这个Fragment实例将会被销毁。
transaction.replace()
使用另一个Fragment替换当前的，实际上就是remove()然后add()的合体~
transaction.hide()
隐藏当前的Fragment，仅仅是设为不可见，并不会销毁
transaction.show()
显示之前隐藏的Fragment
detach()
会将view从UI中移除,和remove()不同,此时fragment的状态依然由FragmentManager维护。
attach()
重建view视图，附加到UI上并显示。
transatcion.commit()//提交一个事务
注意：常用Fragment的哥们，可能会经常遇到这样Activity状态不一致：State loss这样的错误。主要是因为：commit方法一定要在Activity.onSaveInstance()之前调用。
上述，基本是操作Fragment的所有的方式了，在一个事务开启到提交可以进行多个的添加、移除、替换等操作。
值得注意的是：如果你喜欢使用Fragment，一定要清楚这些方法，哪个会销毁视图，哪个会销毁实例，哪个仅仅只是隐藏，这样才能更好的使用它们。
a、比如：我在FragmentA中的EditText填了一些数据，当切换到FragmentB时，如果希望会到A还能看到数据，则适合你的就是hide和show；也就是说，希望保留用户操作的面板，你可以使用hide和show，当然了不要使劲在那new实例，进行下非null判断。
b、再比如：我不希望保留用户操作，你可以使用remove()，然后add()；或者使用replace()这个和remove,add是相同的效果。
c、remove和detach有一点细微的区别，在不考虑回退栈的情况下，remove会销毁整个Fragment实例，而detach则只是销毁其视图结构，实例并不会被销毁。那么二者怎么取舍使用呢？如果你的当前Activity一直存在，那么在不希望保留用户操作的时候，你可以优先使用detach。