RadioGroup+Fragment实现页面之间的切换

1.现在好多APP都用的这种方法,自己开发的时候也写了一个这样的框架,点击是可以实现切换的.先上效果图

2.参考代码

MainActivity 

package com.ythl.shouyoufanli;

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.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

import com.ythl.fragment.FragmentFactory;

/**
 * @author Administrator
 * 主界面的活动界面
 */
public class MainActivity extends FragmentActivity {
    private FragmentManager mFragmentManager;
    private RadioGroup radioGroup;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity);

        //获取FragmentManager
        mFragmentManager = getSupportFragmentManager();

        //获取radioGroup控件
        radioGroup = (RadioGroup) findViewById(R.id.rg_tab);

        //监听点击按钮事件,实现不同Fragment之间的切换
        radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

       @Override
       public void onCheckedChanged(RadioGroup group, int checkedId) {
                FragmentTransaction transaction = mFragmentManager.beginTransaction();
                Fragment fragment = FragmentFactory.getInstanceByIndex(checkedId);
                transaction.replace(R.id.fl_content, fragment);
                transaction.commit();
            }
        });
    }

}

activity.xml

xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">


    <FrameLayout
        android:id="@+id/fl_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <RadioGroup
        android:id="@+id/rg_tab"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/bottom_tab_bg">

        <RadioButton
            android:id="@+id/rb_gamecenter"
            style="@style/main_radiobutton_icon"
            android:drawableTop="@drawable/ic_launcher"
            android:text="游戏中心" />

        <RadioButton
            android:id="@+id/rb_giftcenter"
            style="@style/main_radiobutton_icon"
            android:drawableTop="@drawable/ic_launcher"
            android:text="礼包中心" />

        <RadioButton
            android:id="@+id/rb_tradecenter"
            style="@style/main_radiobutton_icon"
            android:drawableTop="@drawable/ic_launcher"
            android:text="交易中心" />

        <RadioButton
            android:id="@+id/rb_accountscenter"
            style="@style/main_radiobutton_icon"
            android:drawableTop="@drawable/ic_launcher"
            android:text="帐号中心" />

    RadioGroup>

LinearLayout>

FragmentFactory

package com.ythl.fragment;

import com.ythl.shouyoufanli.R;

import android.support.v4.app.Fragment;

/**
 * @author Administrator
 * 定义一个工厂模式，
 * 来实现根据下标的位置返回相应的Fragment
 */
public class FragmentFactory {
    public static Fragment getInstanceByIndex(int index) {
        Fragment fragment = null;
        switch (index) {
            case R.id.rb_gamecenter:
                fragment = new GameCenterFragment();
                break;
            case R.id.rb_giftcenter:
                fragment = new GiftCenterFragment();
                break;
            case R.id.rb_tradecenter:
                fragment = new TradeCenterFragment();
                break;
            case R.id.rb_accountscenter:
                fragment = new AccountsCenterFragment();
                break;
        }
        return fragment;
    }
}

BaseFragment

package com.ythl.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.ythl.shouyoufanli.MainActivity;

/**
 * @author Administrator
 * fragment的基类
 * 抽取fragment的共性,复用代码
 */
public abstract class BaseFragment extends Fragment {
    //主页面的上下文
    public  MainActivity mContext;
    @Override
    public void onCreate(Bundle savedInstanceState) {

        //获取上下文
        mContext = (MainActivity) getActivity();
        super.onCreate(savedInstanceState);

    }

    //一定要实现的方法
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        return initView();
    }

    /**
     * 定义为抽象方法,子类必须实现
     * @return
     */
    public abstract View initView();

    /**
     * 初始化数据
     */
    public void initData() {

    }

    /**
     * 初始化事件
     */
    public void initEvent() {

    }

    //此方法只执行一次
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        //只要activity 不销毁,此方法 就只调用一次
        initData();
        initEvent();

        super.onActivityCreated(savedInstanceState);
    }

    @Override
    public void onStart() {

        super.onStart();
    }
}

每一个Fragment中的代码
AccountsCenterFragment

package com.ythl.fragment;

import android.graphics.Color;
import android.view.View;
import android.widget.TextView;


/**
 * @author Administrator
 * 帐号中心的Fragment
 */
public class AccountsCenterFragment extends BaseFragment{

    @Override
    public View initView() {
        TextView tv = new TextView(mContext);
        tv.setText("帐号中心");
        tv.setTextColor(Color.BLACK);
        tv.setTextSize(30);
        return tv;
    }

}

GameCenterFragment

package com.ythl.fragment;

import android.graphics.Color;
import android.view.View;
import android.widget.TextView;


/**
 * @author Administrator
 * 游戏中心的Fragment
 */
public class GameCenterFragment extends BaseFragment{

    @Override
    public View initView() {
        TextView tv = new TextView(mContext);
        tv.setText("游戏中心");
        tv.setTextColor(Color.BLACK);
        tv.setTextSize(30);
        return tv;
    }

}

GiftCenterFragment

package com.ythl.fragment;

import android.graphics.Color;
import android.view.View;
import android.widget.TextView;



/**
 * @author Administrator
 * 礼包中心的Fragment
 */
public class GiftCenterFragment extends BaseFragment{

    @Override
    public View initView() {
        TextView tv = new TextView(mContext);
        tv.setText("礼包中心");
        tv.setTextColor(Color.BLACK);
        tv.setTextSize(30);
        return tv;
    }

}

TradeCenterFragment

package com.ythl.fragment;

import android.graphics.Color;
import android.view.View;
import android.widget.TextView;


/**
 * @author Administrator
 * 交易中心的Fragment
 */
public class TradeCenterFragment extends BaseFragment{

    @Override
    public View initView() {
        TextView tv = new TextView(mContext);
        tv.setText("交易中心");
        tv.setTextColor(Color.BLACK);
        tv.setTextSize(30);
        return tv;
    }

}

主页的底部的图标

<style name="main_radiobutton_icon">
    <item name="android:background">#00000000item>
    <item name="android:layout_width">0dpitem>
    <item name="android:layout_height">wrap_contentitem>
    <item name="android:layout_weight">1item>
    <item name="android:gravity">center_horizontalitem>
    <item name="android:textSize">12spitem>
    <item name="android:textColor">@color/rb_text_selectoritem>
    <item name="android:button">@nullitem>
style>