有些项目在写底部导航栏时会按照样式一个个写完,這样子就会让布局文件显得很乱,今天我们使用RadioButton +Fragment来实现一个底部的导航栏,
activity_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="im.com.work.workapp.MainActivity"> <!--主Activity 分为三部分 头部标题栏 碎片主体 底部导航--> <!--Main Title belongs to head --> <include android:id="@+id/head" layout="@layout/head_layout"/> <!--The Fragment Content--> <LinearLayout android:layout_weight="1" android:layout_width="match_parent" android:layout_height="0dp" android:orientation="vertical" android:id="@+id/linear_layout"/> <RelativeLayout android:id="@+id/bottom_nav" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" > <!--Divider Line--> <TextView android:layout_marginBottom="3dp" android:layout_width="match_parent" android:layout_height="1dp" android:background="#ccc" /> <!--The Bottom Navigation Buttons--> <RadioGroup android:paddingBottom="5dp" android:paddingTop="5dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <RadioButton android:onClick="onClick" android:id="@+id/Home" android:gravity="center" android:layout_gravity="center" android:layout_weight="1" android:button="@null" android:background="@null" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="首页"/> <RadioButton <