Android單選和多選按鈕的使用

阿新 • • 發佈：2019-02-06

單項選擇RadioButton和多項選擇CheckBox的使用

前言：

在上一章我寫了關於安卓UI控制元件之Button，這一章就來講解下它的子類RadioButton和CheckBox。

在Android中，可以通過RadioButton和RadioGroup的組合來實現單項選擇的效果。而多項選擇則是通過CheckBox來實現的。

1、單選選擇RadioButton

我們知道，一個單項選擇是由兩部分組成的，分別是前面的選擇按鈕和後面的“答案”。

選擇按鈕可以通過RadioButton來實現，而“答案”則可以通過RadioGroup來實現。

　　具體的實現步驟如下：

　　首先，在佈局檔案中定義一個TextView控制元件，用來顯示問題。

　　然後，再在佈局檔案中定義一個RadioGroup控制元件，用來顯示答案。

　　最後，再在RadioGroup控制元件中定義四個（根據需求而定）RadioButton控制元件，並將“答案”分別賦給每個選項。

如下是單項選擇的XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!--題目-->
    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Android核心是基於什麼系統？"
        android:textSize="24sp"
        />

    <RadioGroup
        android:id="@+id/radiogroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
    <RadioButton
        android:id="@+id/radiobutton1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Windows"
        />
    <RadioButton
        android:id="@+id/radiobutton2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Mac os"
        />
    <RadioButton
        android:id="@+id/radiobutton3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Linux"
        />
    <RadioButton
        android:id="@+id/radiobutton4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="嵌入式系統"
        />
    </RadioGroup>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button1"
        android:layout_marginTop="50dp"
        android:text="進入下一項測試"
        />
</LinearLayout>

因為是單項選擇，所以各個選項之間存在互斥性，即僅能選中其中的某一個選項。

那麼如何來確定使用者的選擇是否正確，並給出相應的提示資訊呢？

　　要確定使用者的選擇是否正確，需要知道使用者選擇的是選項中的哪一項，

這可以通過為RadioGroup設定事件監聽器setOnCheckedChangeListener來實現。

通過該事件監聽器便可以判斷出使用者點選的是哪一個RadioButton了。然後，再使用Toast來顯示相應的提示資訊即可。

用上述方案實現單項選擇demo的java原始碼如下：

package com.dsl.ui_application_07;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

/**
 * 功能：安卓控制元件之單項選擇按鈕
 *
 * 作者：單勝凌
 * 時間：2016.12.14
 */
public class MainActivity extends Activity {

    TextView mTV;           //用於顯示問題
    RadioGroup mRG;         //用於顯示答案
    RadioButton mRB1;       //用於顯示選項
    RadioButton mRB2;
    RadioButton mRB3;
    RadioButton mRB4;

    Button mBT;             //跳轉按鈕

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main); //載入佈局檔案
        //載入控制元件繫結
        mTV = (TextView)findViewById(R.id.textview);
        mRG = (RadioGroup)findViewById(R.id.radiogroup);
        mRB1= (RadioButton)findViewById(R.id.radiobutton1);
        mRB2= (RadioButton)findViewById(R.id.radiobutton2);
        mRB3= (RadioButton)findViewById(R.id.radiobutton3);
        mRB4= (RadioButton)findViewById(R.id.radiobutton4);
        mBT = (Button)findViewById(R.id.button1);
        //設定監聽器
        mRG.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                if (checkedId == mRB3.getId()) {
                    MyToast("正確答案："+mRB3.getText()+"，恭喜你，回答正確");
                } else {
                    MyToast("回答錯誤！");
                }
            }
        });
        mBT.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //跳轉到下一項測試頁
                Intent intent=new Intent();
                intent.setClass(MainActivity.this, Activity_tow.class);
                startActivity(intent);
                finish();
            }
        });

    }

    private void MyToast(String str)
    {
        Toast mtoast = Toast.makeText(MainActivity.this,str,Toast.LENGTH_SHORT);
        mtoast.setGravity(Gravity.TOP,0,400);
        mtoast.show();
    }
}

上敘程式碼執行效果如下：

2、多項選擇按鈕

多項選擇與單項選擇最重要的區別就是多項選擇可以讓使用者選擇一個以上的選項。

　　在Android中，多項選擇是通過CheckBox來實現的，為了確定使用者是否選擇了某一項，則需要對每一個選項進行事件監聽。

　　多項選擇的實現方法和單項選擇的實現方法大致相同。

　　首先，在佈局檔案中定義一個TextView控制元件，用來顯示問題。

　　然後，再在佈局檔案中定義四個（根據需求而定）CheckBox控制元件，分別用來顯示每一個選項。

　　最後，在佈局檔案中定義一個Button控制元件，用於提交使用者所選的選項（這個可以沒有）。

　　如下是多項選擇demo的xml佈局檔案：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!--題目-->
    <TextView
        android:id="@+id/textview2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="請問你為什麼喜歡Android呢？"
        android:textSize="20sp"
        />

    <CheckBox
        android:id="@+id/checkbox1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="開源"
        />
    <CheckBox
        android:id="@+id/checkbox2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="無界限的應用程式"
        />
    <CheckBox
        android:id="@+id/checkbox3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="應用廣泛"
        />
    <CheckBox
        android:id="@+id/checkbox4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我就是喜歡Android任性！"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button2"
        android:text="提交問卷"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button3"
        android:layout_marginTop="50dp"
        android:text="進入下一項測試"
        />
</LinearLayout>

當然了，我們還需要在java程式碼中實現對使用者的操作進行事件監聽，並做出相應的響應。

為此，我們需要為每一個CheckBox多項選擇選項都設定一個事件監聽器setOnCheckedChangeListener，

並通過mCheckBox.isChecked()方法來判斷該選項是否被選中（true表示被選中，false表示未選中）。

此外，我們還可以通過一個全域性變數checkedcount來統計當前有幾個選項被選中，實現方法也很簡單，

當mCheckBox.isChecked()為true時令checkedcount++；當mCheckBox.isChecked()為false時令checkedcount--就可以了。

最後，我們再為“提交”按鈕設定一個監聽器setOnClickListener，當用戶點選“提交”時，顯示一條總共選擇了幾項的提示資訊。

　　多項選擇demo的java原始碼如下：

package com.dsl.ui_application_07;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;

/**
 * 功能：安卓多選按鈕Demo
 *
 * 作者：單勝凌
 * 時間：2016/12/14.
 */
public class Activity_tow extends Activity {

    CheckBox mCB1;          //用於顯示選項
    CheckBox mCB2;
    CheckBox mCB3;
    CheckBox mCB4;
    Button mBT2;            //提交檔案按鈕
    Button mBT3;            //跳轉到下一項按鈕
    int num=0;              //用於統計被選中的個數

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tow); //載入佈局檔案
        initUI();                              //初始化控制元件
        //繫結監聽器
        mCB1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(mCB1.isChecked())
                {
                    num++;
                    MyToast("你選擇了："+mCB1.getText());
                }
                else{
                    num--;
                }
            }
        });

        mCB2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(mCB2.isChecked()){
                    num++;
                    MyToast("你選擇了："+mCB2.getText());
                }
                else {
                    num--;
                }
            }
        });

        mCB3.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(mCB3.isChecked())
                {
                    num++;
                    MyToast("你選擇了："+mCB3.getText());
                }
                else {
                    num--;
                }
            }
        });

        mCB4.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(mCB4.isChecked())
                {
                    num++;
                    MyToast("你選擇了："+mCB4.getText());
                }
                else
                {
                    num--;
                }
            }
        });

        mBT2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                MyToast("謝謝您的參與，您一共選擇了"+num+"項！");
            }
        });

        mBT3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent=new Intent();
                intent.setClass(Activity_tow.this, Activity_three.class);
                startActivity(intent);
                finish();

            }
        });

    }
    private void initUI()
    {
        mCB1 = (CheckBox)findViewById(R.id.checkbox1);
        mCB2 = (CheckBox)findViewById(R.id.checkbox2);
        mCB3 = (CheckBox)findViewById(R.id.checkbox3);
        mCB4 = (CheckBox)findViewById(R.id.checkbox4);
        mBT2 = (Button)findViewById(R.id.button2);
        mBT3 = (Button)findViewById(R.id.button3);
    }

    private void MyToast(String str)
    {
        Toast mtoast = Toast.makeText(Activity_tow.this,str,Toast.LENGTH_SHORT);
        mtoast.setGravity(Gravity.TOP,0,400);
        mtoast.show();
    }

}

上述Demo執行結果如下：

3、定義自己的RadioButton單項選擇樣式

Android提供的單項選擇RadioButton式樣比較單一，如何來定製自己想要的單項選擇RadioButton式樣呢？下面給出一個簡單的實現案例。　　

我們知道，Android提供的單項選擇RadioButton式樣，有三點最基本的特性：

　　第一，RadioButton有兩種狀態，一種是未選中下的置灰狀態，另一種是選中下的高亮狀態，且兩種狀態互斥。

　　第二，RadioButton間存在互斥性，即僅能選中其中的某一個選項。

　　第三，能夠判斷出當前使用者選擇的是哪一個RadioButton選項。

　　所以，我們自己定製的單項選擇RadioButton式樣至少也應該具備以上的三點特性。

3.1特性一的實現

　　特性一的實現並不複雜，我們可以使用兩張不同的圖片來分別表示RadioButton的兩種狀態（選中和未選中），

而選中和未選中的狀態則可以通過android:state_checked屬性來設定。

具體可以通過在工程的res/drawable目錄下新建一個radiostyle.xml檔案來實現，

radiostyle.xml檔案的原始碼如下，其中presence_offline是選中狀態下要顯示的圖片，presence_online是未選中狀態下要顯示的圖片。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!--未選中時-->
    <item
        android:state_checked="false"
        android:drawable="@android:drawable/presence_offline"
        ></item>
    <!--選中時-->
    <item
        android:state_checked="true"
        android:drawable="@android:drawable/presence_online"
        ></item>
</selector>

3.2特性二的實現

　　要實現RadioButton選項間的互斥性，可以通過mRadioButton.setChecked()方法來實現，當某一選項為true時，將其餘選項置為false即可。

3.3特性三的實現

　　要判斷使用者選中的是哪一個選項，可以通過為每一個RadioButton按鈕設定一個setOnClickListener監聽器來實現。

3.4例項效果

　　在本例項中，定製了一個自己的單項選擇RadioButton式樣，並且實現RadioButton式樣的上述三點最基本的特性，

達到了和1.單項選擇RadioButton中的所舉例子同樣的執行效果。執行效果如下所示。

關於Android單項選擇和多項選擇按鈕的講解到此結束！！！

原始碼地址如下：

本資源來自單勝凌！！！

Android靠自學！！！

祝各位IT人士早日取得成功！！！

Android單選和多選按鈕的使用

單項選擇RadioButton和多項選擇CheckBox的使用前言：在上一章我寫了關於安卓UI控制元件之Button，這一章就來講解下它的子類RadioButton和CheckBox。在Android中，可以通過RadioButton和RadioGroup的組合來

Android - 單選和多選CheckedTextView

佈局1 : ListView <ListView android:id="@+id/lv_edit_select" android:layout_width="match_parent" android:layout_height="wrap_conte

如何在Android的ListView中構建CheckBox和RadioButton列表(支援單選和多選的投票專案示例)

引言我們在android的APP開發中有時候會碰到提供一個選項列表供使用者選擇的需求，如在投票型別的專案中，我們提供一些主題給使用者選擇，每個主題有若干選項，使用者對這些主題的選項進行選擇，然後提交。本文以一個支援單選和多選投票專案為例，演示了在一個ListView中如何構建CheckBox列表和Ra

批量檢查單選和多選按鈕是否選中

html javscript jquery html5 在項目開發中，遇到這樣一個問題，網頁中有多組單選問題和復選項，甚至還有下拉列表或文本輸入框……除了text文本輸入框可以給它添加required屬性外之外，其他都不能用html自帶的屬性來實現必選的功能。於是從網上搜索了相關的檢測方法，大

封裝單選和多選

一、HTML <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/CheckBox_Radio.css"

HTML單選和多選且僅限圖片

<input type="file" id="backgroundImage" accept="image/*"> <input type="file" id="galleryImag

tableviewcell的單選和多選

iOS開發中，有時候需要實現tableView中cell的單選或者複選，這裡舉例說明了怎麼簡單的實現首先自己建立一個列表，實現單選，先定義一個變數記錄每次點選的cell的indexPath: @property (assign, nonatomic) NSIndexPath *selIndex;//單選

UITableView的基本使用 cell的單選和多選

<UITableViewDelegate,UITableViewDataSource> @property(nonatomic,strong)UITableView *tableV

線上選課案例—通過js實現全選，全不選和多選效果。順便談談理解的半吊子flag這個變數

要點： 1.首先分為兩個業務邏輯的模組，首先全選/取消全選的按鈕會的選中的狀態或者沒有選中，他的返回值是Boolean型別，也就是說通過通過這個通過全選按鈕將其Boolean型別的值，通過迴圈賦值給全選框下面所有的單選按鈕 2.再單選按鈕執行之前，將所有的單選按鈕狀態做一次判斷，判斷是否

angularJs 實現checkbox全選和多選

var myApp = angular.module('myApp', []); MyCtrl = function ($scope) { $scope.entities = [{ "title": "foo", "id": 1 }, { "ti

iOS瘋狂詳解之UITableView的全選和多選功能

[tableViewdeselectRowAtIndexPath:indexPath animated:YES]; Custom *cell= (Custom*)[tableView cellForRowAtIndexPath:indexPath]; NSUInteger

AngularJS中單選按鈕和多選框的動態繫結

AngularJS中的單選按鈕的動態繫結十分簡單，寫法如下： <input type="radio" name="sex" value="man" ng-model="sex">男 <input type="radio" name="se

html-4, form 表單輸入、傳文件、單選、多選、下拉菜單、文本描述、重置、submit、按鈕限制輸入

part row man head 密碼文本 inpu set 跳轉 <!-- form HTTP協議 action:提交的服務器網址 method:get(默認)| post(應用：

jqGrid表格單選框和多選框

行單選，在載入列表的js下新增以下屬性和方法 beforeSelectRow: true, beforeSelectRow:function(){ $("#inventory

Android 對話方塊總結（確定取消，單選，多選，進度條，具體的進度條）

/** * 彈出確定取消對話方塊 * * @param view */ public void click01(View view) { // 工廠設計模式，得到建立對話方塊的工廠 AlertDialog

自定義單選框和多選框

說明:作為一個Java後端程式設計師，有時候也需要自己去寫些前端程式碼，所以將工作中用到的一些小知識做記錄分享。 1.自定義單選框（有圖片） * ①先看效果圖： * ②再獻上完整程式碼： <!DOCTYPE html> <html> &l

select單選框和多選框設定預設值

在使用select單選框的時候，有時候需要配合後臺傳遞的資料設定預設值。這時候需要js來設定select單選框的預設值。比如我們定義瞭如下的單選框 <select name="locus" id="selected" class="form-control">

MVC身份驗證.MVC過濾器.MVC6關鍵字Task,Async.前端模擬表單驗證,提交.自定義匿名集合.Edge匯出到Excel.BootstrapTree樹狀選單的全選和反選.bootstrap可搜尋可多選可全選下拉框

在寫這篇部落格之前要嘮叨幾句.本人已從事開發四年有餘.從前兩年的熱情如火.到現在的麻木.總感覺要像上突破.卻又不敢輕舉妄動. 沒事就寫點基礎程式碼.指點下新人吧 1.MVC身份驗證. 有兩種方式.一個是傳統的所有控制器繼承自定義Control，然後再裡面用MVC的過濾器攔截.所以每次網站的後臺被訪問時.

Android開發（AlertDialog對話方塊自定義佈局和多選列表不共存的替代辦法）

這個實現功能花了一點時間，當時忙了很晚，只怪當時沒有想出其他解決辦法。言歸正傳。前幾天有這麼一個小夥伴，在開發有這樣的地圖app，該地圖app有多個地圖圖層，這些地圖圖層可提供給使用者操作，比如說圖層的顯示控制，以及選擇需要的圖層供查詢。由於該地圖app在主介面已經佈局很

Android-防止使用者快速點選和多控制元件點選

原地址簡書：http://www.jianshu.com/p/9d7df1895b72 1.為什麼要防止使用者重複點選在使用者使用App的時候，並不會乖乖的按照我們的想法而執行。下面就拿我們熟悉的Button來：舉個栗子假設這個Button的點選

Android單選和多選按鈕的使用

相關推薦