RadioGroup和Frame实现底部tab切换高仿微信底部FragmentTransaction事务

底部功能切换简单实现。

先上图，有图才有真相



是采用 FrameLayout 和 RadioGrop 分组 RadioButton 这些控件实现。

做界面的切换，定义5个不同的界面，当然也可以自定义一个，5公用1 的意思，都是继承 Frament 类

再做一个XML

在Activity 里实现关键代码 ，getSupportFragmentManager()方法，获取Fragment管理对象。

FragmentTransaction 事务，使用提供的方法 show()显示    和  hide () 隐藏   commit() 提交 。还有一种方式采用 replace() 方法替换

废话少说，上代码

package song.com.cn.imagebig.radiogroup;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.View;
import android.widget.RadioButton;

import song.com.cn.imagebig.R;

/**
* @author song
* @date :2017/6/14
* @Description:
*/
public class RadiogroupActivity extends FragmentActivity implements View.OnClickListener {

private RadioButton shouye, maimai, chat, shop, geren;
private CharFrament charFrament;
private GerenFrament gerenFrament;
private MaimaiFrament maimaiFrament;
private ShopFrament shopFrament;
private ShouFrament shouFrament;
private FragmentManager fManager;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_radiogroup);
shouye = (RadioButton) findViewById(R.id.shou_ye_rb);
maimai = (RadioButton) findViewById(R.id.shou_ye_rb1);
chat = (RadioButton) findViewById(R.id.shou_ye_rb2);
shop = (RadioButton) findViewById(R.id.shou_ye_rb3);
geren = (RadioButton) findViewById(R.id.shou_ye_rb4);
fManager = getSupportFragmentManager();
initOnClick();
}

private void initOnClick() {
shouye.setOnClickListener(this);
maimai.setOnClickListener(this);
chat.setOnClickListener(this);
shop.setOnClickListener(this);
geren.setOnClickListener(this);
//开启事务，fragment的控制是由事务来实现的
initFragment();
}

//显示第一个fragment
private void initFragment() {
//开启事务，fragment的控制是由事务来实现的
FragmentTransaction transaction = fManager.beginTransaction();
if (shouFrament == null) {
shouFrament = new ShouFrament();
transaction.add(R.id.main_frame_layout, shouFrament);
}
//隐藏所有fragment
hideFragment(transaction);
//显示需要显示的fragment
transaction.show(shouFrament);
//提交事务
transaction.commit();
}

//隐藏所有的fragment
private void hideFragment(FragmentTransaction transaction) {
if (shouFrament != null) {
transaction.hide(shouFrament);
}
if (maimaiFrament != null) {
transaction.hide(maimaiFrament);
}
if (charFrament != null) {
transaction.hide(charFrament);
}
if (shopFrament != null) {
transaction.hide(shopFrament);
}
if (gerenFrament != null) {
transaction.hide(gerenFrament);
}
}

@Override
public void onClick(View v) {
FragmentTransaction transaction = fManager.beginTransaction();
//隐藏所有fragment
hideFragment(transaction);
switch (v.getId()) {
case R.id.shou_ye_rb:
if (shouFrament == null) {
shouFrament = new ShouFrament();
transaction.add(R.id.main_frame_layout, shouFrament);
}
//显示需要显示的fragment
transaction.show(shouFrament);
break;
case R.id.shou_ye_rb1:
if (maimaiFrament == null) {
maimaiFrament = new MaimaiFrament();
transaction.add(R.id.main_frame_layout, maimaiFrament);
}

//显示需要显示的fragment
transaction.show(maimaiFrament);
break;
case R.id.shou_ye_rb2:
if (charFrament == null) {
charFrament = new CharFrament();
transaction.add(R.id.main_frame_layout, charFrament);
}
//显示需要显示的fragment
transaction.show(charFrament);
break;
case R.id.shou_ye_rb3:
if (shopFrament == null) {
shopFrament = new ShopFrament();
transaction.add(R.id.main_frame_layout, shopFrament);
}
//显示需要显示的fragment
transaction.show(shopFrament);
break;
case R.id.shou_ye_rb4:
if (gerenFrament == null) {
gerenFrament = new GerenFrament();
transaction.add(R.id.main_frame_layout, gerenFrament);
}
//显示需要显示的fragment
transaction.show(gerenFrament);
break;
}
transaction.commit();
}
}

代码没有上传完，可以去下载

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_radiogroup"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="song.com.cn.imagebig.radiogroup.RadiogroupActivity">

<FrameLayout
android:id="@+id/main_frame_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="55dp"
android:layout_weight="1"
android:background="#dddddd"></FrameLayout>

<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_above="@+id/radio_group"
android:background="@color/colorAccent" />

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

<RadioButton
android:id="@+id/shou_ye_rb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/shou_ye_chek3"
android:gravity="center_horizontal|bottom"
android:text="首页" />

<RadioButton
android:id="@+id/shou_ye_rb1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/shou_ye_chek1"
android:gravity="center_horizontal|bottom"
android:text="买卖" />

<RadioButton
android:id="@+id/shou_ye_rb2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/shou_ye_chek2"
android:gravity="center_horizontal|bottom"
android:text="聊天" />

<RadioButton
android:id="@+id/shou_ye_rb3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/shou_ye_chek4"
android:gravity="center_horizontal|bottom"
android:text="市场" />

<RadioButton
android:id="@+id/shou_ye_rb4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="1"
android:button="@null"
android:drawableTop="@drawable/shou_ye_chek"
android:gravity="center_horizontal|bottom"
android:text="个人" />

</RadioGroup>
</RelativeLayout>

结束，觉得好就顶一下，觉得不好就吐槽，改进改进

源码下载：
http://download.csdn.net/detail/qq_33495943/9870374