iT邦幫忙

2021 iThome 鐵人賽

DAY 20
0

本期的主角是CheckBox,主要是提供一個或多個選項讓使用者進行核選

首先我們可以在Design利用拖曳的方式建置CheckBox
https://ithelp.ithome.com.tw/upload/images/20210929/20141950hD6qVlMgei.png
點擊CheckBox可於右側更改id、Text、width、height、textSize等屬性
https://ithelp.ithome.com.tw/upload/images/20210929/20141950hdPohBhhH2.png
本次的範例使用LinearLayout建置,若還不會的捧油,可以去看我第11天的發文當中有介紹

完成後的<activity_main.xml>如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:id="@+id/LinearLayout1">

    <TextView
        android:id="@+id/txt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="您要的餐點"
        android:textSize="20sp" />

    <CheckBox
        android:id="@+id/ham"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="漢堡"
        android:textSize="20sp"/>

    <CheckBox
        android:id="@+id/fre"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="薯條"
        android:textSize="20sp"/>

    <CheckBox
        android:id="@+id/cok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="可樂"
        android:textSize="20sp"/>

    <TextView
        android:id="@+id/txt1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:textSize="20sp"/>
    
</LinearLayout>

畫面的部分長這樣
https://ithelp.ithome.com.tw/upload/images/20210929/20141950vYnm043mgg.png
接著我們來到java進行編譯

package com.example.checkbox;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    private TextView txt1;
    private CheckBox ham,fre,cok;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        txt1 = findViewById(R.id.txt1);
        ham = findViewById(R.id.ham);
        fre = findViewById(R.id.fre);
        cok = findViewById(R.id.cok);

        ham.setOnCheckedChangeListener(myListener);
        fre.setOnCheckedChangeListener(myListener);
        cok.setOnCheckedChangeListener(myListener);
    }

    private CheckBox.OnCheckedChangeListener myListener =new CheckBox.OnCheckedChangeListener(){
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            int n = 0;
            if (ham.isChecked()){
                n = n + 100;
            }
            if (fre.isChecked()){
                n = n + 50;
            }
            if (cok.isChecked()){
                n = n + 50;
            }
            txt1.setText("總金額為:" + n +"元");
        }
    };
}

上方程式當CheckBox有選取時,下方TextView會加總金額並顯示
https://ithelp.ithome.com.tw/upload/images/20210929/201419502RX9oMRyLo.png
吃速食漢堡、薯條、飲料都不可或缺才對/images/emoticon/emoticon72.gif


上一篇
Day-19 Button
下一篇
Day-21 RadioGroup
系列文
才30天?一個月學會Android開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言