Android利用Fragment实现Tab布局
下图为最终效果图:
(可以看出,使用Fragment与ViewPager的实现效果一样,需注意布局效果可自定义, 此处只讲解实现的逻辑步骤
逻辑步骤:
1、创建两个Fragment,分别代表btn1和btn2单击后的布局。
2、创建两个Fragment对应的布局文件(这两步骤就当做Activity使用即可)
3、主布局文件中,使用FragmentLayout组件进行页面的占位
4、主Activity中,监听其按钮单击,分别调用Fragment在FragmentLayout中显示即可
1)下图为整个项目工程结构
2)定义Fragment类
public class FragmentOne extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_one, container, false);
}
}
返回的View类型代表将会在界面中显示的视图文件,这里引用到了fragment_one.xml , 现在进行定制该文件<?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:gravity="center"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="fragment one"
android:textSize="20pt" />
</LinearLayout>
3)定义主界面布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<FrameLayout
android:id="@+id/id_fragment"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<LinearLayout
android:id="@+id/id_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<Button
android:id="@+id/id_btn1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="btnStartClick"
android:text="btn1" />
<Button
android:id="@+id/id_btn2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="btnStartClick"
android:text="btn2" />
</LinearLayout>
</LinearLayout>
4)MainActivity.java类
private FragmentManager fm;
private FragmentTransaction ft;
private List<Fragment> fragments;
以下介绍FragmentTransaction操作的核心方法:
add(): 向Activity中添加一个Fragment
remove()
从Activity中移除一个Fragment,如果被移除的Fragment没有添加到回退栈(回退栈后面会详细说),这个Fragment实例将会被销毁。
replace()
使用另一个Fragment替换当前的,实际上就是remove()然后add()的合体~
hide()
隐藏当前的Fragment,仅仅是设为不可见,并不会销毁
show()
显示之前隐藏的Fragment
detach()
会将view从UI中移除,和remove()不同,此时fragment的状态依然由FragmentManager维护。
attach()
重建view视图,附加到UI上并显示。
commit()//提交一个事务
<span style="white-space:pre"> </span>/**
* 初始化
*/
private void init() {
if (fragments == null) {
fragments = new ArrayList<Fragment>();
}
fragments.add(new FragmentOne());
fragments.add(new FragmentTwo());
// 以上步骤都为初始化一个List<Fragment> 数据
fm = getFragmentManager(); // 在Activity中可直接获取到Fragment的管理类
ft = fm.beginTransaction(); // 注意:任何FragmentLayout操作Fragment的类都需要在一个事务中进行(相信如果有数据库基础的同学应该很好理解。
ft.replace(R.id.id_fragment, fragments.get(0)); // 替换方法,代表将FragmentLayout组件使用一个Fragment类进行替换掉(注意第一个参数就是FagmentLayout
监听按钮单击事件
<span style="white-space:pre"> </span>public void btnStartClick(View v) {
switch (v.getId()) {
case R.id.id_btn1:
ft = fm.beginTransaction();
ft.replace(R.id.id_fragment, fragments.get(0));
ft.commit();
break;
case R.id.id_btn2:
ft = fm.beginTransaction();
ft.replace(R.id.id_fragment, fragments.get(1));
ft.commit();
break;
}
}