Android RadioButton(單選按鈕)&Checkbox(復(fù)選框)

2023-03-31 13:40 更新

本節(jié)引言:

本節(jié)給大家?guī)?lái)的是Andoird基本UI控件中的RadioButton和Checkbox; 先說(shuō)下本節(jié)要講解的內(nèi)容是:RadioButton和Checkbox的
1.基本用法
2.事件處理;
3.自定義點(diǎn)擊效果;
4.改變文字與選擇框的相對(duì)位置;
5.修改文字與選擇框的距離

其實(shí)這兩個(gè)控件有很多地方都是類似的,除了單選和多選,事件處理,其他的都是類似的! 另外還有一個(gè)ListView上Checkbox的錯(cuò)位的問(wèn)題,我們會(huì)在ListView那一章對(duì)這個(gè)問(wèn)題進(jìn)行 解決,好的,開(kāi)始本節(jié)內(nèi)容~ 本節(jié)官方文檔API:RadioButton;CheckBox


1.基本用法與事件處理:


1)RadioButton(單選按鈕)

如題單選按鈕,就是只能夠選中一個(gè),所以我們需要把RadioButton放到RadioGroup按鈕組中,從而實(shí)現(xiàn) 單選功能!先熟悉下如何使用RadioButton,一個(gè)簡(jiǎn)單的性別選擇的例子: 另外我們可以為外層RadioGroup設(shè)置orientation屬性然后設(shè)置RadioButton的排列方式,是豎直還是水平~

效果圖:

寫(xiě)好后,我們有兩種方法設(shè)置,也可以說(shuō)一種吧!你看看就知道了~

①android:button屬性設(shè)置為上述的selctor

android:button="@drawable/rad_btn_selctor"

②在style中定義一個(gè)屬性,然后通過(guò)android style屬性設(shè)置,先往style添加下述代碼:

    <style name="MyCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
        <item name="android:button">@drawable/rad_btn_selctor</item>
    </style>

然后布局那里:

style="@style/MyCheckBox"

3.改變文字與選擇框的相對(duì)位置

這個(gè)實(shí)現(xiàn)起來(lái)也很簡(jiǎn)單,還記得我們之前學(xué)TextView的時(shí)候用到的drawableXxx嗎? 要控制選擇框的位置,兩部即可!設(shè)置:

Step 1. android:button="@null"
Step 2. android:drawableTop="@android:drawable/btn_radio"
當(dāng)然我們可以把drawableXxx替換成自己喜歡的效果!


4.修改文字與選擇框的距離

有時(shí),我們可能需要調(diào)節(jié)文字與選擇框之間的距離,讓他們看起來(lái)稍微沒(méi)那么擠,我們可以:
1.在XML代碼中控制: 使用android:paddingXxx = "xxx" 來(lái)控制距離
2.在Java代碼中,稍微好一點(diǎn),動(dòng)態(tài)計(jì)算paddingLeft!

示例代碼如下:

rb.setButtonDrawable(R.drawable.rad_btn_selctor);
int rb_paddingLeft = getResources().getDrawable(R.mipmap.ic_checkbox_checked).getIntrinsicWidth()+5; 
rb.setPadding(rb_paddingLeft, 0, 0, 0);

本節(jié)小結(jié):

好的,關(guān)于RadioButton和Checkbox就講到這里,如果有什么寫(xiě)得不對(duì)的,不好的,或者有好的建議歡迎指出 萬(wàn)分感激~謝謝...

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)