在Android中搭建圖標+文字的按鈕顯示

在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屬性使用;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章