RadioButton实现Fragment切换

需要实现效果大致如下:




RadioButton切换Fragment最大的好处莫过于界面效果变换非常稳定了。


布局:

<?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="match_parent">


    <!--RadioButton实现点击切换Fragment-->
    <FrameLayout
        android:id="@+id/fl_info_framlayout"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_centerInParent="true"
        android:background="#4400ffff"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="110dp">

        <RadioGroup
            android:id="@+id/rg_user_radiogroup1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:paddingLeft="5dp"
            android:paddingRight="5dp">

            <RadioButton
                android:id="@+id/rb_userinfo1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:button="@null"
                android:text="我的"
                android:textSize="14sp"/>

            <RadioButton
                android:id="@+id/rb_userinfo2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:background="#00000000"
                android:button="@null"
                android:text="路线"
                android:textSize="14sp"/>

            <RadioButton
                android:id="@+id/rb_userinfo3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:background="#00000000"
                android:button="@null"
                android:text="心率"
                android:textSize="14sp"/>

            <RadioButton
                android:id="@+id/rb_userinfo4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:background="#00000000"
                android:button="@null"
                android:text="积分"
                android:textSize="14sp"/>


        </RadioGroup>

        <RadioGroup
            android:layout_alignParentRight="true"
            android:id="@+id/rg_user_radiogroup2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:paddingLeft="5dp"
            android:paddingRight="5dp">

            <RadioButton
                android:id="@+id/rb_userinfo5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:button="@null"
                android:text="卡路里"
                android:textSize="14sp"/>

            <RadioButton
                android:id="@+id/rb_userinfo6"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:background="#00000000"
                android:button="@null"
                android:text="周报"
                android:textSize="14sp"/>

            <RadioButton
                android:id="@+id/rb_userinfo7"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:background="#00000000"
                android:button="@null"
                android:text="月报"
                android:textSize="14sp"/>

            <RadioButton
                android:id="@+id/rb_userinfo8"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp"
                android:background="#00000000"
                android:button="@null"
                android:text="..."
                android:textSize="14sp"/>

        </RadioGroup>

    </RelativeLayout>




</RelativeLayout>



MainActivity:

package com.ut.radiobuttondynamicadd;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.widget.FrameLayout;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import com.ut.radiobuttondynamicadd.factory.UserFragmentFactory;

import butterknife.ButterKnife;
import butterknife.InjectView;

public class MainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {

    @InjectView(R.id.rb_userinfo1)
    RadioButton mRbUserinfo1;
    @InjectView(R.id.rg_user_radiogroup1)
    RadioGroup mRgUserRadiogroup1;
    @InjectView(R.id.rg_user_radiogroup2)
    RadioGroup mRgUserRadiogroup2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.inject(this);
        initView();
    }

    private void initView() {
        mRgUserRadiogroup1.setOnCheckedChangeListener(this);
        mRgUserRadiogroup2.setOnCheckedChangeListener(this);
        mRbUserinfo1.setChecked(true);
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId) {
            case R.id.rb_userinfo1:
                changeFragment(UserFragmentFactory.createFragment(0));
                break;
            case R.id.rb_userinfo2:
                changeFragment(UserFragmentFactory.createFragment(1));
                break;
            case R.id.rb_userinfo3:
                changeFragment(UserFragmentFactory.createFragment(2));
                break;
            case R.id.rb_userinfo4:
                changeFragment(UserFragmentFactory.createFragment(3));
                break;
            case R.id.rb_userinfo5:
                changeFragment(UserFragmentFactory.createFragment(4));
                break;
            case R.id.rb_userinfo6:
                changeFragment(UserFragmentFactory.createFragment(5));
                break;
            case R.id.rb_userinfo7:
                changeFragment(UserFragmentFactory.createFragment(6));
                break;
            case R.id.rb_userinfo8:
                changeFragment(UserFragmentFactory.createFragment(7));
                break;
        }
    }

    private void changeFragment(Fragment targetFragment) {

        getSupportFragmentManager().beginTransaction()
                .replace(R.id.fl_info_framlayout, targetFragment, "fragment")
                .setTransitionStyle(FragmentTransaction.TRANSIT_FRAGMENT_FADE)
                .commit();
    }
}

~下载Demo链接~






  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值