《Android》『CheckBox』- 多選清單元件的基本用法與自訂外觀方式

《Android Developers 參考文獻》

➥CheckBox

 

《簡單介紹》

CheckBox 是一種多選選項的按鈕,它與 RadioButton 非常類似,唯一不同的地方是它是獨立運作,不會與其它 CheckBox 互相影響,在實作上,我們通常會一次放多個 CheckBox 在佈局中,當作使用者需要作出複數選擇時的選項。

 

《用法介紹》

CheckBox 的用法很直觀簡單,與 RadioButton 一樣,我們可以直接透過它所提供的方法修改元件屬性內容,亦可以透過 Selector 資源檔自訂元件樣式。

➥基本用法

➥透過 Selector 資源檔自訂 CheckBox 元件外觀

基本用法

MainActivity.java

這裡我們將所有 CheckBox 共用一個監聽器,並根據監聽器中傳入的參數,判斷觸發監聽器的 CheckBox 為哪一個,最後顯示相應的快顯資訊。

activity_main.xml

以上直接透過程式碼的方式,示範 CheckBox 元件的基本使用方式,常用的方法條列如下 –

setCheck()、isCheck()

設定、取得 CheckBox 元件目前的選取狀態。

toggle()

將 CheckBox 元件反向選擇。

setOnCheckedChangeListener()

設定監聽器。

 

透過 Selector 資源檔自訂 CheckBox 元件外觀

CheckBox 自訂外觀的方式跟 RadioButton 一樣,其本身可以自訂外觀的部分有顯示於選項文字左方的小圖示以及整個選項的底色,分別對照不同的設定屬性,實作方式很簡單,直接修改 layout.xml 就可以完成,程式碼片段如下 –

activity_main.xml

checkBox_selector.xml

checkBox_bg_selector.xml

我們透過設定 android:button 的屬性來改變 CheckBox 小圖的顯示,設定 android:background 的屬性來改變 CheckBox 選項背景的顯示,另外,我們可以將 android:button 的屬性設定為 @null ,將原本的小圖隱藏,接著利用 android:drawableTop、android:drawableLeft、android:drawableRight、android:drawableBottom 這四個屬性來設定新的圖案與位置,方式如下 –

activity_main.xml

以此例來看,新的小圖示會被設定在 CheckBox 的右邊。

賽肥膩膩

我們是低調到不行的肥膩夫妻檔,一路上一邊吵鬧一邊記錄著生活大小事,偶爾一起暴飲暴食再偶爾一起節食減肥,最沒恆心與毅力但一路走來也持續減肥了好幾次,我們重量不重質,所以完全沒有效果也是理所當然的事。

上 / 下一篇文章

臉書留言

一般留言

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *