Android RadioGroup实现底部导航栏效果

原创已于 2024-07-03 15:05:59 修改 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #gitee

于 2019-04-22 15:03:22 首次发布

Android 专栏收录该内容

86 篇文章

订阅专栏

在高压环境下保持良好心态对于清晰思维至关重要。本文档展示了如何使用RadioGroup和RadioButton创建底部导航栏，涉及自定义样式和状态选择器。通过具体XML代码示例，详细介绍了各按钮的布局属性和文本设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

职场小白迷上优美句子:

人在压力大的情况下，一定、一定、一定要摆正心态，心不乱思路才会更清晰。

-------------------------- activity_main.xml --------------------------

 <RadioGroup
        android:id="@+id/radiogroup"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:layout_alignParentBottom="true"
        android:background="@color/bottombarback"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/video_bottom_btn"
            style="@style/Custom.TabRadioButton"
            android:checked="true"
            android:drawableTop="@drawable/video_preview_selector"
            android:text="视频巡检" />

        <RadioButton
            android:id="@+id/file_bottom_btn"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/file_query_selector"
            android:text="违法记录" />

        <RadioButton
            android:id="@+id/user_bottom_btn"
            style="@style/Custom.TabRadioButton"
            android:drawableTop="@drawable/user_manage_selector"
            android:text="系统管理" />

    </RadioGroup>

---------------------- value ——> style ----------------------

 <!-- 自定义控件风格-->
    <style name="Custom" />
    <style name="Custom.TabRadioButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:layout_height">match_parent</item>
        <item name="android:padding">5dp</item>
        <item name="android:gravity">center</item>
        <item name="android:button">@null</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textColor">@color/tab_text_color_selector</item>
    </style>

--------------------------- video_preview_selector ------------------------

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/video_selector" android:state_checked="true"/>
    <item android:drawable="@mipmap/video_unselector" />
</selector>

---------------------------- file_query_selector --------------------------

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/file_selector" android:state_checked="true"/>
    <item android:drawable="@mipmap/file_unselector" />
</selector>

----------------------------- user_manage_selector ------------------------------

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/user_selector" android:state_checked="true"/>
    <item android:drawable="@mipmap/user_unselector" />
</selector>