Fragment+RadioGroup来搭建一下简单的页面架构

来源：互联网发布：如何提高淘宝等级编辑：程序博客网时间：2024/06/05 07:33

简单的介绍一种Fragment+RadioGroup来搭建一下简单的页面架构

首先先看一下主界面的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.View;import android.view.View.OnClickListener;import android.view.Window;import android.widget.RadioButton;import android.widget.RadioGroup;import android.widget.Toast;import com.example.fragmenttest.Fragment.FourFragment;import com.example.fragmenttest.Fragment.OneFragment;import com.example.fragmenttest.Fragment.ThreeFragment;import com.example.fragmenttest.Fragment.TwoFragment;public class MainActivity extends FragmentActivity implements  OnClickListener {    /**     * Fragment 全是v4包     */    private Fragment[] mFragments;    private FragmentManager manager;    private FragmentTransaction fragmentTransaction;    /**     * 初始化下部控件     */    private RadioGroup rg;    private RadioButton radio1, radio2, radio3, radio4;    /**     * 上下文     */    private FragmentActivity mContext;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_main);        mContext = this;        // 初始化视图        initViews();        // 设置监听        setListener();    }    /**     * 初始化试图     */    private void initViews() {        // 设置下部导航        rg = (RadioGroup) findViewById(R.id.rg);        radio1 = (RadioButton) findViewById(R.id.radio1);        radio2 = (RadioButton) findViewById(R.id.radio2);        radio3 = (RadioButton) findViewById(R.id.radio3);        radio4 = (RadioButton) findViewById(R.id.radio4);        // 设置Fragment        mFragments = new Fragment[4];        mFragments[0] = new OneFragment();// 页面一添加到集合中        mFragments[1] = new TwoFragment();// 页面二添加到集合中        mFragments[2] = new ThreeFragment();// 页面三添加到集合中        mFragments[3] = new FourFragment();// 页面四添加到集合中        manager = mContext.getSupportFragmentManager();// 获得FragmentManager        fragmentTransaction = manager.beginTransaction();// 获得事务        fragmentTransaction.add(R.id.fl, mFragments[0], mFragments[0] .getClass().getName());// 添加到FragmentLayout中        fragmentTransaction.add(R.id.fl, mFragments[1], mFragments[1] .getClass().getName());// 添加到FragmentLayout中        fragmentTransaction.add(R.id.fl, mFragments[2], mFragments[2] .getClass().getName());// 添加到FragmentLayout中        fragmentTransaction.add(R.id.fl, mFragments[3], mFragments[3] .getClass().getName());// 添加到FragmentLayout中        // 默认显示页面一，隐藏页面二        fragmentTransaction.show(mFragments[0]);        fragmentTransaction.hide(mFragments[1]);        fragmentTransaction.hide(mFragments[2]);        fragmentTransaction.hide(mFragments[3]);        fragmentTransaction.commitAllowingStateLoss();// 提交    }    /**     * 设置监听     */    private void setListener() {        radio1.setOnClickListener(this);        radio2.setOnClickListener(this);        radio3.setOnClickListener(this);        radio4.setOnClickListener(this);    }    @Override    public void onClick(View view) {        FragmentTransaction transaction = mContext.getSupportFragmentManager() .beginTransaction();        switch (view.getId()) {        case R.id.radio1:            transaction.show(mFragments[0]);            transaction.hide(mFragments[1]).hide(mFragments[2]) .hide(mFragments[3]);            transaction.commitAllowingStateLoss();            Toast.makeText(mContext, "选择页面1", 0).show();            break;        case R.id.radio2:            transaction.show(mFragments[1]);            transaction.hide(mFragments[0]).hide(mFragments[2]) .hide(mFragments[3]);            transaction.commitAllowingStateLoss();            Toast.makeText(mContext, "选择页面2", 0).show();            break;        case R.id.radio3:            transaction.show(mFragments[2]);            transaction.hide(mFragments[0]).hide(mFragments[1]) .hide(mFragments[3]);            transaction.commitAllowingStateLoss();            Toast.makeText(mContext, "选择页面3", 0).show();            break;        case R.id.radio4:            transaction.show(mFragments[3]);            transaction.hide(mFragments[1]).hide(mFragments[2]) .hide(mFragments[0]);            transaction.commitAllowingStateLoss();            Toast.makeText(mContext, "选择页面4", 0).show();            break;        default:            break;        }    }}

1、管理Fragment
要在activity中管理fragment,需要使用FragmentManager. 通过调用activity的getFragmentManager()取得它的实例.

•可以通过FragmentManager做一些事情, 包括: 使用findFragmentById()(用于在activity layout中提供一个UI的fragment)或findFragmentByTag()(适用于有或没有UI的fragment)获取activity中存在的fragment。

2、处理Fragment事务
关于在activity中使用fragment的很强的一个特性是：根据用户的交互情况,对fragment进行添加、移除、替换以及执行其他动作。提交给activity的每一套变化被称为一个事务，可以使用在FragmentTransaction中的 API 处理。我们也可以保存每一个事务到一个activity管理的backstack，允许用户经由fragment的变化往回导航(类似于通过 activity往后导航)。

从 FragmentManager 获得一个FragmentTransaction实例：
每一个事务都是同时要执行的一套变化。可以在一个给定的事务中设置你想执行的所有变化,使用诸如 add()、remove()和 replace()。然后, 要给activity应用事务，必须调用 commit()。

3.add和replace的区别：

第一种添加，这种就好比我把几个Fragment添加到FragmentLayout中。然后根据我下面导航的点击监听，来让其页面显示和隐藏，执行效率高，不用再从新加载数据设置页面，
第二种替换，这种是让每次点击的时候都让页面重新替换到此页面，需要每次切换都需要联网请求数据来设置页面，
总结：两种模式在实际开放当中都有用到，具体用那个，需要看你的项目所要求的功能是怎样的.

下面是MainActivity.Xml

<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" >    <TextView        android:layout_width="match_parent"        android:layout_height="40dp"        android:background="#000000"        android:gravity="center"        android:text="标题"        android:textColor="#EADAA9"        android:textSize="20sp" />    <FrameLayout        android:id="@+id/fl"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="0.7" >    </FrameLayout>    <RadioGroup        android:id="@+id/rg"        android:layout_width="match_parent"        android:layout_height="60dp"        android:background="#000000"        android:gravity="center"        android:orientation="horizontal" >        <RadioButton            android:id="@+id/radio1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:checked="true"            android:text="页面一"            android:textColor="#EADAA9" />        <RadioButton            android:id="@+id/radio2"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="页面二"            android:textColor="#EADAA9" />        <RadioButton            android:id="@+id/radio3"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="页面三"            android:textColor="#EADAA9" />        <RadioButton            android:id="@+id/radio4"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="页面四"            android:textColor="#EADAA9" />    </RadioGroup></LinearLayout>

最后写一个Fragment的代码

import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import com.example.fragmenttest.R;/** * 页面四 * @author admin * */public class FourFragment extends Fragment{    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);    }    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,            Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_four, container, false);    }}

这里写图片描述

简单的架构已经成型了，随后我会再写 Fragment+FragmentTabHost实现仿新浪微博底部菜单栏搭配使用的效果。

2 0