Android 动态切换底部tab按钮

身为一个Android开发人员，总是会遇到很多需求

直接上代码，代码里有注释，我使用的就是原生的radioGroup+radioButton

public class IndexActivity extends AppCompatActivity {

    private RadioGroup index_rg_bottom;
    private RadioButton index_rb_fragment_home, index_rb_fragment_living, index_rb_fragment_art, index_rb_fragment_near, index_rb_fragment_mine;
    private List<RadioButton> buttonDatas;
    private List<MySimpleTarget> mySimpleTargets;

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

        initView();
        initRadioButtons();
        initMySimpleTargets();

        index_rg_bottom.setOnCheckedChangeListener(new myOnCheckedChangeListener());
        index_rg_bottom.check(R.id.index_rb_fragment_home);
    }

    //按钮的图片加载
    private void initLoadUrl() {
        String path = "http://benyouhuifile.it168.com/forum/201208/17/1448124i6da4zzi06lry50.jpg";
        String path2 = "https://cdn.pixabay.com/user/2014/05/07/00-10-34-2_96x96.jpg";
        if (nPosition == oPosition) {
            for (int i = 0; i < buttonDatas.size(); i++) {
                if (nPosition == i) {
                    Glide.with(this).load(path2).into(mySimpleTargets.get(i));
                } else {
                    Glide.with(this).load(path).into(mySimpleTargets.get(i));
                }
            }
        } else {
            Glide.with(this).load(path2).into(mySimpleTargets.get(nPosition));
            Glide.with(this).load(path).into(mySimpleTargets.get(oPosition));
        }
    }


    private int nPosition = 0;
    private int oPosition = 0;

    //redioGroup的监听，在radioButton改变时重新遍历底部按钮图片的加载
    class myOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {

        @Override
        public void onCheckedChanged(RadioGroup group, int checkedId) {
            switch (checkedId) {
                case R.id.index_rb_fragment_home:
                    nPosition = 0;
                    break;
                case R.id.index_rb_fragment_living:
                    nPosition = 1;
                    break;
                case R.id.index_rb_fragment_art:
                    nPosition = 2;
                    break;
                case R.id.index_rb_fragment_near:
                    nPosition = 3;
                    break;
                case R.id.index_rb_fragment_mine:
                    nPosition = 4;
                    break;
                default:
                    nPosition = 0;
                    break;
            }
            initLoadUrl();
            oPosition = nPosition;
        }
    }

    //初始化页面
    private void initView() {
        index_rg_bottom = findViewById(R.id.index_rg_bottom);
        index_rb_fragment_home = findViewById(R.id.index_rb_fragment_home);
        index_rb_fragment_living = findViewById(R.id.index_rb_fragment_living);
        index_rb_fragment_art = findViewById(R.id.index_rb_fragment_art);
        index_rb_fragment_near = findViewById(R.id.index_rb_fragment_near);
        index_rb_fragment_mine = findViewById(R.id.index_rb_fragment_mine);

    }

    //buttonDatas添加按钮
    private void initRadioButtons() {
        buttonDatas = new ArrayList<>();
        buttonDatas.add(index_rb_fragment_home);
        buttonDatas.add(index_rb_fragment_living);
        buttonDatas.add(index_rb_fragment_art);
        buttonDatas.add(index_rb_fragment_near);
        buttonDatas.add(index_rb_fragment_mine);
    }

    private void initMySimpleTargets() {
        mySimpleTargets = new ArrayList<>();
        for (RadioButton button : buttonDatas) {
            //为每个按钮创建一个自定义SimpleTarget
            mySimpleTargets.add(new MySimpleTarget(button));
        }
    }

上面的就是java代码了，不过还少了一个自定义方法类 MySimpleTarget.class

public class MySimpleTarget extends SimpleTarget<Drawable> {
    private RadioButton radioButton;

    public MySimpleTarget(RadioButton radioButton) {
        this.radioButton = radioButton;
    }

    @Override
    public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
        resource.setBounds(0, 0, 69, 69);
        radioButton.setCompoundDrawables(null, resource, null, null);
    }
}

resource.setBounds(0, 0, 69, 69);

四个参数分别代表在图片的左上角和右下角

radioButton.setCompoundDrawables(null,null,null,null);

四个参数分别代表在图片radioButton的左上右下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".radiogroup.IndexActivity">

    <FrameLayout
        android:id="@+id/index_fl_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         />

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardElevation="5dp">

        <RadioGroup
            android:id="@+id/index_rg_bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:background="#ffffff"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:padding="5dp">

            <RadioButton
                android:id="@+id/index_rb_fragment_home"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:padding="3dp"
                android:text="home"
                android:textColor="@drawable/index_rb_bottom_text_color_selector"
                android:textSize="10sp" />

            <RadioButton
                android:id="@+id/index_rb_fragment_living"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:padding="3dp"
                android:text="lib"
                android:textColor="@drawable/index_rb_bottom_text_color_selector"
                android:textSize="10sp" />

            <RadioButton
                android:id="@+id/index_rb_fragment_art"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:padding="3dp"
                android:text="yis"
                android:textColor="@drawable/index_rb_bottom_text_color_selector"
                android:textSize="10sp" />

            <RadioButton
                android:id="@+id/index_rb_fragment_near"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:padding="3dp"
                android:text="near"
                android:textColor="@drawable/index_rb_bottom_text_color_selector"
                android:textSize="10sp" />

            <RadioButton
                android:id="@+id/index_rb_fragment_mine"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:button="@null"
                android:gravity="center"
                android:padding="3dp"
                android:text="mine"
                android:textColor="@drawable/index_rb_bottom_text_color_selector"
                android:textSize="10sp" />
        </RadioGroup>
    </android.support.v7.widget.CardView>

</LinearLayout>

 

android:textColor="@drawable/index_rb_bottom_text_color_selector"

这个东西自己去写吧，网上有很多的，button的样式可以抽出来写一个style

加油吧，小菜