RadioButton实现底部菜单导航

最新推荐文章于 2024-05-09 21:26:15 发布

原创

最新推荐文章于 2024-05-09 21:26:15 发布 · 676 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何使用RadioButton作为底部菜单导航。通过创建XML文件，在drawable中定义选择器，设置RadioButton的选中和未选中状态。同时，改变选中状态下的文字颜色，并将ViewPager设置为不可滑动。接着，创建了4个Fragment来配合这个导航菜单。

大致思路：

使用Radiobutton做为菜单键。

首先创建XML文件

在res下drawable文件夹中创建selector.xml文件，为Radiobutton设置选择器

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

bottom_bab_home_normal为未选中状态，bottom_bab_home_selected为选中状态。

然后为Radiobutton下的文字设选中状态，变颜色

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:color="#fc6b87" android:state_checked="true"></item>
    <item android:color="#c1c1c1"></item>
</selector>

然后在main.xml布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.bwei.test.radiobutton.MainActivity">

    <com.bwei.test.radiobutton.NoScrollViewPgaer
        android:id="@+id/vp_showing_home"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
    <View
        android:layout_width="match_parent"