RadioGroup实现底部导航

1.布局：

<?xml version="1.0" encoding="utf-8"?>xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">            android:id="@+id/fragment_container"        android:layout_width="match_parent"        android:layout_height="match_parent" />            android:id="@+id/tab_menu"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_gravity="bottom"               android:gravity="center_vertical"        android:orientation="horizontal">                    android:id="@+id/shop"            style="@style/TabMenuText"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="@null"            android:button="@null"            android:drawableTop="@drawable/tab_shopbg"            android:gravity="center_horizontal"            android:text="逛店" />                    android:id="@+id/category"            style="@style/TabMenuText"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="@null"            android:button="@null"            android:checked="false"            android:drawableTop="@drawable/tab_categorybg"            android:gravity="center_horizontal"            android:text="分类" />                    android:id="@+id/index"            style="@style/TabMenuText"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="@null"            android:button="@null"            android:checked="true"            android:drawableTop="@drawable/tab_indexbg"            android:gravity="center_horizontal"            android:text="首页" />                    android:id="@+id/me"            style="@style/TabMenuText"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="@null"            android:button="@null"            android:drawableTop="@drawable/tab_mebg"            android:gravity="center_horizontal"            android:text="我的" />                    android:id="@+id/more"            style="@style/TabMenuText"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:background="@null"            android:button="@null"            android:drawableTop="@drawable/tab_morebg"            android:gravity="center_horizontal"            android:text="更多" />

android:button="@null"：去除小圆点

android:backgroud="@null"：去除默认点下去颜色加深的效果（有selector的效果就可以了）

android:drawableTop：让图片在文字上面,图片是一个selector，点击换深色图

android:gravity：让文字居中

TabMenuText:

注意，如果radiabutton的图片太大展示不出来，可以让美工把图片做小一点，或者放到像素密度大的drawable中（比如drawable-xxhdpi）

更多相关文章

随机推荐