用RadioGroup自定义选项卡

最新推荐文章于 2024-08-07 14:17:50 发布

wolf犭良

最新推荐文章于 2024-08-07 14:17:50 发布

阅读量3.1k

点赞数

分类专栏： Android 文章标签： android radio button 自定义

本文链接：https://blog.csdn.net/ldz_wolf/article/details/52073605

版权

Android 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本例使用RadioGroup实现了一个类似Tab效果，点击title的时候文字颜色和下划线条作相应的变化，不支持左右滑动，本例属于Android最最基础的内容，作为新手可以用来了解下这个控件的使用方法。

实现方法：为RadioButton设置不同状态下的背景android:background。通过<selector />设置radioButton选中和未选中状态时不同的背景效果。

自定义背景资源文件radio_button_background.xml

这个文件定义在drawable文件夹下，文件内容指定了RadioButton在选中和未选中时显示的背景。该资源文件的作用就是将两个不同的背景资源组合在一起，并指明选中和未选中应该使用什么样的背景资源。

以上文件中又引用了两个自定义的背景文件，一个是选中时的背景（显示红色下滑条），一个是未选中时的背景（灰色下滑条）。

选中时显示背景

未选中时显示背景

MainActivity.class

package com.example.testdemo;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends Activity {

    private RadioGroup radioGroup;

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

    private void initView() {
        radioGroup = (RadioGroup) findViewById(R.id.radio_group);
        radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                for (int i = 0; i < radioGroup.getChildCount(); i++) {
                    ((RadioButton) radioGroup.getChildAt(i)).setTextColor(Color.BLACK);
                }
                RadioButton checkedRadio = (RadioButton) findViewById(checkedId);
                checkedRadio.setTextColor(Color.RED);
                switch (checkedId) {
                case R.id.radio1:
                    Toast.makeText(MainActivity.this, "你点击了第一个选项卡", 1000).show();
                    break;
                case R.id.radio2:
                    Toast.makeText(MainActivity.this, "你点击了第二个选项卡", 1000).show();
                    break;
                case R.id.radio3:
                    Toast.makeText(MainActivity.this, "你点击了第三个选项卡", 1000).show();
                    break;
                default:
                    break;
                }
            }
        });
    }
}

布局文件main_layout.xml

设置文字颜色，RadioButton在选中时，下边框颜色的变化是通过自定义图形来实现的，但文字颜色却使用代码来控制。文字颜色的变化也可以通过选中状态来控制，。

首先在res/文件夹下新建color文件夹，并创建文件radiobutton_textcolor.xml。文件路径为：res/color/radiobutton_textcolor.xml。

引用方法：<RadioButton ... android:textColor="@color/radiobutton_textcolor"/>即可。

整个效果的实现并不需要写一句代码，通过radionButton:background和android:textColor两个属性就可以实现。

源码下载：

http://download.csdn.net/detail/ldz_wolf/9602157