在Android中搭建圖標+文字的按鈕顯示效果如下圖:
添加圖標:
使用RadoiGroup來包含三個RadioButton:
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="@drawable/bg_layout_border_top"
android:padding="5dp">
<!--主頁-->
<RadioButton
android:id="@+id/rb_main_home"
android:checked="true"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:drawableTop="@drawable/selector_name_rb_home"
android:textColor="@drawable/selector_main_rb_text"
android:button="@null"
android:textAlignment="center"
android:gravity="center"
android:text="主頁"/>
屬性說明:
設置頭部邊框:@drawable/bg_layout_border_top
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200427191114394.png)
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200427191119766.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0ODMwNw==,size_16,color_FFFFFF,t_70)
設置頭部圖標@drawable/selector_name_rb_home:
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200427191129449.png)
設置字體@drawable/selector_main_rb_text:
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/2020042719114667.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0ODMwNw==,size_16,color_FFFFFF,t_70)
設置了了一個radioButton之後,複製添加另外兩個圖標即可;
android:button="@null" : 將圖標的默認圖案去除;
android:checked="true" : 設置爲默認選項,需要先設置其id
android:textAlignment="center":設置文本居中,需gravity屬性配合使用
android:gravity="center":配合textAlignment屬性使用;