## 本節(jié)引言:
> 本節(jié)給大家?guī)淼氖茿ndoird基本UI控件中的RadioButton和Checkbox; 先說下本節(jié)要講解的內(nèi)容是:RadioButton和Checkbox的
> **1.基本用法
> 2.事件處理;
> 3.自定義點(diǎn)擊效果;
> 4.改變文字與選擇框的相對(duì)位置;
> 5.修改文字與選擇框的距離**
其實(shí)這兩個(gè)控件有很多地方都是類似的,除了單選和多選,事件處理,其他的都是類似的! 另外還有一個(gè)ListView上Checkbox的錯(cuò)位的問題,我們會(huì)在ListView那一章對(duì)這個(gè)問題進(jìn)行 解決,好的,開始本節(jié)內(nèi)容~ 本節(jié)官方文檔API:[RadioButton](http://androiddoc.qiniudn.com/reference/android/widget/RadioButton.html);[CheckBox](http://androiddoc.qiniudn.com/reference/android/widget/CheckBox.html);
* * *
## 1.基本用法與事件處理:
* * *
### 1)RadioButton(單選按鈕)
> 如題單選按鈕,就是只能夠選中一個(gè),所以我們需要把RadioButton放到RadioGroup按鈕組中,從而實(shí)現(xiàn) 單選功能!先熟悉下如何使用RadioButton,一個(gè)簡(jiǎn)單的性別選擇的例子: 另外我們可以為外層RadioGroup設(shè)置orientation屬性然后設(shè)置RadioButton的排列方式,是豎直還是水平~
**效果圖:**

PS:筆者的手機(jī)是Android 5.0.1的,這里的RadioButton相比起舊版本的RadioButton,稍微好看一點(diǎn)~
**布局代碼如下:**
~~~
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="請(qǐng)選擇性別"
android:textSize="23dp"
/>
<RadioGroup
android:id="@+id/radioGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<RadioButton
android:id="@+id/btnMan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="男"
android:checked="true"/>
<RadioButton
android:id="@+id/btnWoman"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="女"/>
</RadioGroup>
<Button
android:id="@+id/btnpost"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="提交"/>
</LinearLayout>
~~~
**獲得選中的值:**
這里有兩種方法,
**第一種**是為RadioButton設(shè)置一個(gè)事件監(jiān)聽器setOnCheckChangeListener
**例子代碼如下:**
~~~
RadioGroup radgroup = (RadioGroup) findViewById(R.id.radioGroup);
//第一種獲得單選按鈕值的方法
//為radioGroup設(shè)置一個(gè)監(jiān)聽器:setOnCheckedChanged()
radgroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
RadioButton radbtn = (RadioButton) findViewById(checkedId);
Toast.makeText(getApplicationContext(), "按鈕組值發(fā)生改變,你選了" + radbtn.getText(), Toast.LENGTH_LONG).show();
}
});
~~~
**運(yùn)行效果圖:**?
PS:另外有一點(diǎn)要切記,要為每個(gè)RadioButton添加一個(gè)id,不然單選功能會(huì)生效!?。?
**第二種**方法是通過單擊其他按鈕獲取選中單選按鈕的值,當(dāng)然我們也可以直接獲取,這個(gè)看需求~
**例子代碼如下:**
~~~
Button btnchange = (Button) findViewById(R.id.btnpost);
RadioGroup radgroup = (RadioGroup) findViewById(R.id.radioGroup);
//為radioGroup設(shè)置一個(gè)監(jiān)聽器:setOnCheckedChanged()
btnchange.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
for (int i = 0; i < radgroup.getChildCount(); i++) {
RadioButton rd = (RadioButton) radgroup.getChildAt(i);
if (rd.isChecked()) {
Toast.makeText(getApplicationContext(), "點(diǎn)擊提交按鈕,獲取你選擇的是:" + rd.getText(), Toast.LENGTH_LONG).show();
break;
}
}
}
});
~~~
**運(yùn)行效果圖:**

**代碼解析:**?這里我們?yōu)樘峤话粹o設(shè)置了一個(gè)setOnClickListener事件監(jiān)聽器,每次點(diǎn)擊的話遍歷一次RadioGroup判斷哪個(gè)按鈕被選中我們可以通過下述方法獲得RadioButton的相關(guān)信息!
* **getChildCont**( )獲得按鈕組中的單選按鈕的數(shù)目;
* **getChinldAt**(i):根據(jù)索引值獲取我們的單選按鈕
* **isChecked**( ):判斷按鈕是否選中
* * *
### 2)CheckBox(復(fù)選框)
> 如題復(fù)選框,即可以同時(shí)選中多個(gè)選項(xiàng),至于獲得選中的值,同樣有兩種方式: 1.為每個(gè)CheckBox添加事件:setOnCheckedChangeListener 2.弄一個(gè)按鈕,在點(diǎn)擊后,對(duì)每個(gè)checkbox進(jìn)行判斷:isChecked();
**運(yùn)行效果圖:**

**實(shí)現(xiàn)代碼:**
~~~
public class MainActivity extends AppCompatActivity implements View.OnClickListener,CompoundButton.OnCheckedChangeListener{
private CheckBox cb_one;
private CheckBox cb_two;
private CheckBox cb_three;
private Button btn_send;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cb_one = (CheckBox) findViewById(R.id.cb_one);
cb_two = (CheckBox) findViewById(R.id.cb_two);
cb_three = (CheckBox) findViewById(R.id.cb_three);
btn_send = (Button) findViewById(R.id.btn_send);
cb_one.setOnCheckedChangeListener(this);
cb_two.setOnCheckedChangeListener(this);
cb_three.setOnCheckedChangeListener(this);
btn_send.setOnClickListener(this);
}
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
if(compoundButton.isChecked()) Toast.makeText(this,compoundButton.getText().toString(),Toast.LENGTH_SHORT).show();
}
@Override
public void onClick(View view) {
String choose = "";
if(cb_one.isChecked())choose += cb_one.getText().toString() + "";
if(cb_two.isChecked())choose += cb_two.getText().toString() + "";
if(cb_three.isChecked())choose += cb_three.getText().toString() + "";
Toast.makeText(this,choose,Toast.LENGTH_SHORT).show();
}
}
~~~
* * *
## 2.自定義點(diǎn)擊效果
> 雖然5.0后的RadioButton和Checkbox都比舊版本稍微好看了點(diǎn),但是對(duì)于我們來說 可能還是不喜歡或者需求,需要自己點(diǎn)擊效果!實(shí)現(xiàn)起來很簡(jiǎn)單,先編寫一個(gè)自定義 的selctor資源,設(shè)置選中與沒選中時(shí)的切換圖片~!
實(shí)現(xiàn)效果圖如下:

PS:這里素材的原因,有點(diǎn)小...
~~~
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_checked="true"
android:drawable="@mipmap/ic_checkbox_checked"/>
<item
android:state_enabled="true"
android:state_checked="false"
android:drawable="@mipmap/ic_checkbox_normal" />
</selector>
~~~
寫好后,我們有兩種方法設(shè)置,也可以說一種吧!你看看就知道了~
①android:button屬性設(shè)置為上述的selctor
~~~
android:button="@drawable/rad_btn_selctor"
~~~
②在style中定義一個(gè)屬性,然后通過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)起來也很簡(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é)文字與選擇框之間的距離,讓他們看起來稍微沒那么擠,我們可以:
> 1.在XML代碼中控制: 使用android:paddingXxx = "xxx" 來控制距離
> 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就講到這里,如果有什么寫得不對(duì)的,不好的,或者有好的建議歡迎指出 萬(wàn)分感激~謝謝...
- 第一章——環(huán)境搭建和開發(fā)相關(guān)
- 1.0 Android基礎(chǔ)入門教程
- 1.1 背景相關(guān)與系統(tǒng)架構(gòu)分析
- 1.2 開發(fā)環(huán)境搭建
- 1.2.1 使用Eclipse + ADT + SDK開發(fā)Android APP
- 1.2.2 使用Android Studio開發(fā)Android APP
- 1.3 SDK更新不了問題解決
- 1.4 Genymotion模擬器安裝
- 1.5 GIT教程
- 1.5.1 Git使用教程之本地倉(cāng)庫(kù)的基本操作
- 1.5.2 Git之使用GitHub搭建遠(yuǎn)程倉(cāng)庫(kù)
- 1.6 .9(九妹)圖片怎么玩
- 1.7 界面原型設(shè)計(jì)
- 1.8 工程相關(guān)解析(各種文件,資源訪問)
- 1.9 Android程序簽名打包
- 1.11 反編譯APK獲取代碼&資源
- 第二章——Android中的UI組件的詳解
- 2.1 View與ViewGroup的概念
- 2.2 布局
- 2.2.1 LinearLayout(線性布局)
- 2.2.2 RelativeLayout(相對(duì)布局)
- 2.2.3 TableLayout(表格布局)
- 2.2.4 FrameLayout(幀布局)
- 2.2.5 GridLayout(網(wǎng)格布局)
- 2.2.6 AbsoluteLayout(絕對(duì)布局)
- 2.3 表單
- 2.3.1 TextView(文本框)詳解
- 2.3.2 EditText(輸入框)詳解
- 2.3.3 Button(按鈕)與ImageButton(圖像按鈕)
- 2.3.4 ImageView(圖像視圖)
- 2.3.5.RadioButton(單選按鈕)&Checkbox(復(fù)選框)
- 2.3.6 開關(guān)按鈕ToggleButton和開關(guān)Switch
- 2.3.7 ProgressBar(進(jìn)度條)
- 2.3.8 SeekBar(拖動(dòng)條)
- 2.3.9 RatingBar(星級(jí)評(píng)分條)
- 2.4 控件
- 2.4.1 ScrollView(滾動(dòng)條)
- 2.4.2 Date & Time組件(上)
- 2.4.3 Date & Time組件(下)
- 2.4.4 Adapter基礎(chǔ)講解
- 2.4.5 ListView簡(jiǎn)單實(shí)用
- 2.4.6 BaseAdapter優(yōu)化
- 2.4.7ListView的焦點(diǎn)問題
- 2.4.8 ListView之checkbox錯(cuò)位問題解決
- 2.4.9 ListView的數(shù)據(jù)更新問題
- 2.5 Adapter類控件
- 2.5.0 構(gòu)建一個(gè)可復(fù)用的自定義BaseAdapter
- 2.5.1 ListView Item多布局的實(shí)現(xiàn)
- 2.5.2 GridView(網(wǎng)格視圖)的基本使用
- 2.5.3 Spinner(列表選項(xiàng)框)的基本使用
- 2.5.4 AutoCompleteTextView(自動(dòng)完成文本框)的基本使用
- 2.5.5 ExpandableListView(可折疊列表)的基本使用
- 2.5.6 ViewFlipper(翻轉(zhuǎn)視圖)的基本使用
- 2.5.7 Toast(吐司)的基本使用
- 2.5.8 Notification(狀態(tài)欄通知)詳解
- 2.5.9 AlertDialog(對(duì)話框)詳解
- 2.6 對(duì)話框控件
- 2.6.0 其他幾種常用對(duì)話框基本使用
- 2.6.1 PopupWindow(懸浮框)的基本使用
- 2.6.2 菜單(Menu)
- 2.6.3 ViewPager的簡(jiǎn)單使用
- 2.6.4 DrawerLayout(官方側(cè)滑菜單)的簡(jiǎn)單使用
- 第三章——Android的事件處理機(jī)制
- 3.1.1 基于監(jiān)聽的事件處理機(jī)制
- 3.2 基于回調(diào)的事件處理機(jī)制
- 3.3 Handler消息傳遞機(jī)制淺析
- 3.4 TouchListener PK OnTouchEvent + 多點(diǎn)觸碰
- 3.5 監(jiān)聽EditText的內(nèi)容變化
- 3.6 響應(yīng)系統(tǒng)設(shè)置的事件(Configuration類)
- 3.7 AnsyncTask異步任務(wù)
- 3.8 Gestures(手勢(shì))
- 第四章——Android的四大組件
- 4.1.1 Activity初學(xué)乍練
- 4.1.2 Activity初窺門徑
- 4.1.3 Activity登堂入室
- 4.2.1 Service初涉
- 4.2.2 Service進(jìn)階
- 4.2.3 Service精通
- 4.3.1 BroadcastReceiver牛刀小試
- 4.3.2 BroadcastReceiver庖丁解牛
- 4.4.1 ContentProvider初探
- 4.4.2 ContentProvider再探——Document Provider
- 4.5.1 Intent的基本使用
- 4.5.2 Intent之復(fù)雜數(shù)據(jù)的傳遞
- 第五章——Fragment(碎片)
- 5.1 Fragment基本概述
- 5.2.1 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法1)
- 5.2.2 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法2)
- 5.2.3 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法3)
- 5.2.4 Fragment實(shí)例精講——底部導(dǎo)航欄+ViewPager滑動(dòng)切換頁(yè)面
- 5.2.5 Fragment實(shí)例精講——新聞(購(gòu)物)類App列表Fragment的簡(jiǎn)單實(shí)現(xiàn)
- 第六章——Android數(shù)據(jù)存儲(chǔ)與訪問
- 6.1 數(shù)據(jù)存儲(chǔ)與訪問之——文件存儲(chǔ)讀寫
- 6.2 數(shù)據(jù)存儲(chǔ)與訪問之——SharedPreferences保存用戶偏好參數(shù)
- 6.3.1 數(shù)據(jù)存儲(chǔ)與訪問之——初見SQLite數(shù)據(jù)庫(kù)
- 6.3.2 數(shù)據(jù)存儲(chǔ)與訪問之——又見SQLite數(shù)據(jù)庫(kù)
- 第七章——Android網(wǎng)絡(luò)編程
- 7.1.1 Android網(wǎng)絡(luò)編程要學(xué)的東西與Http協(xié)議學(xué)習(xí)
- 7.1.2 Android Http請(qǐng)求頭與響應(yīng)頭的學(xué)習(xí)
- 7.1.3 Android HTTP請(qǐng)求方式:HttpURLConnection
- 7.1.4 Android HTTP請(qǐng)求方式:HttpClient
- 7.2.1 Android XML數(shù)據(jù)解析
- 7.2.2 Android JSON數(shù)據(jù)解析
- 7.3.1 Android 文件上傳
- 7.3.2 Android 文件下載(1)
- 7.3.3 Android 文件下載(2)
- 7.4 Android 調(diào)用 WebService
- 7.5.1 WebView(網(wǎng)頁(yè)視圖)基本用法
- 7.5.2 WebView和JavaScrip交互基礎(chǔ)
- 7.5.3 Android 4.4后WebView的一些注意事項(xiàng)
- 7.5.4 WebView文件下載
- 7.5.5 WebView緩存問題
- 7.5.6 WebView處理網(wǎng)頁(yè)返回的錯(cuò)誤碼信息
- 7.6.1 Socket學(xué)習(xí)網(wǎng)絡(luò)基礎(chǔ)準(zhǔn)備
- 7.6.2 基于TCP協(xié)議的Socket通信(1)
- 7.6.3 基于TCP協(xié)議的Socket通信(2)
- 7.6.4 基于UDP協(xié)議的Socket通信
- 第八章——Android繪圖與動(dòng)畫基礎(chǔ)
- 8.1.1 Android中的13種Drawable小結(jié) Part 1
- 8.1.2 Android中的13種Drawable小結(jié) Part 2
- 8.1.3 Android中的13種Drawable小結(jié) Part 3
- 8.2.1 Bitmap(位圖)全解析 Part 1
- 8.2.2 Bitmap引起的OOM問題
- 8.3.1 三個(gè)繪圖工具類詳解
- 8.3.2 繪圖類實(shí)戰(zhàn)示例
- 8.3.3 Paint API之—— MaskFilter(面具)
- 8.3.4 Paint API之—— Xfermode與PorterDuff詳解(一)
- 8.3.5 Paint API之—— Xfermode與PorterDuff詳解(二)
- 8.3.6 Paint API之—— Xfermode與PorterDuff詳解(三)
- 8.3.7 Paint API之—— Xfermode與PorterDuff詳解(四)
- 8.3.8 Paint API之—— Xfermode與PorterDuff詳解(五)
- 8.3.9 Paint API之—— ColorFilter(顏色過濾器)(1/3)
- 8.3.10 Paint API之—— ColorFilter(顏色過濾器)(2-3)
- 8.3.11 Paint API之—— ColorFilter(顏色過濾器)(3-3)
- 8.3.12 Paint API之—— PathEffect(路徑效果)
- 8.3.13 Paint API之—— Shader(圖像渲染)
- 8.3.14 Paint幾個(gè)枚舉/常量值以及ShadowLayer陰影效果
- 8.3.15 Paint API之——Typeface(字型)
- 8.3.16 Canvas API詳解(Part 1)
- 8.3.17 Canvas API詳解(Part 2)剪切方法合集
- 8.3.18 Canvas API詳解(Part 3)Matrix和drawBitmapMash
- 8.4.1 Android動(dòng)畫合集之幀動(dòng)畫
- 8.4.2 Android動(dòng)畫合集之補(bǔ)間動(dòng)畫
- 8.4.3 Android動(dòng)畫合集之屬性動(dòng)畫-初見
- 8.4.4 Android動(dòng)畫合集之屬性動(dòng)畫-又見
- 第九章——Android中的多媒體開發(fā)
- 9.1 使用SoundPool播放音效(Duang~)
- 9.2 MediaPlayer播放音頻與視頻
- 9.3 使用Camera拍照
- 9.4 使用MediaRecord錄音
- 第十章——系統(tǒng)服務(wù)
- 10.1 TelephonyManager(電話管理器)
- 10.2 SmsManager(短信管理器)
- 10.3 AudioManager(音頻管理器)
- 10.4 Vibrator(振動(dòng)器)
- 10.5 AlarmManager(鬧鐘服務(wù))
- 10.6 PowerManager(電源服務(wù))
- 10.7 WindowManager(窗口管理服務(wù))
- 10.8 LayoutInflater(布局服務(wù))
- 10.9 WallpaperManager(壁紙管理器)
- 10.10 傳感器專題(1)——相關(guān)介紹
- 10.11 傳感器專題(2)——方向傳感器
- 10.12 傳感器專題(3)——加速度/陀螺儀傳感器
- 10.12 傳感器專題(4)——其他傳感器了解
- 10.14 Android GPS初涉
- 第十一章——由來、答疑和資源
- 11.0《2015最新Android基礎(chǔ)入門教程》完結(jié)散花~
