iT邦幫忙

0

Day25視窗應用程式進階控制項互動選擇功能:學習使用 CheckBox(核取方塊) & CheckedListBox(核取清單方塊)

c#
  • 分享至 

  • xImage
  •  

CheckBox(核取方塊)
1.什麼是 CheckBox

  • CheckBox(核取方塊)是一種允許使用者「多選」的控制項
  • 它通常以一個小方框表示,方框中可被勾選(✔)或取消勾選
  • 與 RadioButton 最大的不同在於:
    RadioButton 是「多選一」,CheckBox是「可多選」或「全不選」

2.常見用途

  • 興趣選擇(唱歌、運動、看電影)
  • 設定功能(是否自動登入、是否啟用通知)
  • 條款同意(「我已閱讀並同意使用條款」)
  • 系統選項(開啟音效、顯示提示、記住密碼)

3.常用屬性(Properties)
https://ithelp.ithome.com.tw/upload/images/20251010/2017892550emGwKxG2.png

4.常用事件(Events)
CheckedChanged 當勾選狀態改變時觸發事件

範例
控制項
https://ithelp.ithome.com.tw/upload/images/20251010/20178925rtiSTOeKEj.png

程式碼
https://ithelp.ithome.com.tw/upload/images/20251010/20178925lFHhHzoYHd.png

如果勾選同意使用者條款,跳出視窗"感謝你同意使用者條款!"
https://ithelp.ithome.com.tw/upload/images/20251010/20178925ZCtp3QbUzA.png
https://ithelp.ithome.com.tw/upload/images/20251010/20178925mqC9CCmumP.png

如果未勾選同意使用者條款,跳出視窗"請先勾選同意條款再繼續。"
https://ithelp.ithome.com.tw/upload/images/20251010/20178925xzdypxbZ5R.png
https://ithelp.ithome.com.tw/upload/images/20251010/20178925udFQNVA8qU.png

CheckedListBox(核取清單方塊)

  1. 什麼是 CheckedListBox
    CheckedListBox是一種清單控制項,可以同時顯示多個項目,並在每個項目前面加上核取方塊(CheckBox)
    使用者可以一次勾選一個或多個項目,非常適合用來讓使用者多選

2.常見用途

  • 選擇興趣、技能(例如:C#、Python、Java)
  • 設定要安裝的功能
  • 選取報告中要顯示的欄位

3.主要屬性(Properties)
https://ithelp.ithome.com.tw/upload/images/20251010/201789259cLbIf0IAB.png

4.主要方法(Methods)
https://ithelp.ithome.com.tw/upload/images/20251010/20178925g8j5vMuTkg.png

範例
控制項
https://ithelp.ithome.com.tw/upload/images/20251010/20178925D6Z3r4sUin.png

程式碼
https://ithelp.ithome.com.tw/upload/images/20251010/201789259Tfx6GFiyi.png

設定勾選項目
https://ithelp.ithome.com.tw/upload/images/20251010/20178925ENYoYeFLlB.png

勾選好項目按送出
https://ithelp.ithome.com.tw/upload/images/20251010/20178925flX1pjOecw.png

跳出畫面顯示結果
https://ithelp.ithome.com.tw/upload/images/20251010/20178925E7axrVYfYw.png

CheckedListBox & CheckBox 比較

比較項目 CheckBox(核取方塊) CheckedListBox(核取清單方塊)
🔸 用途 單一選項開關(是 / 否) 多個項目清單,讓使用者多選
🔸 顯示方式 一個方塊搭配一個文字 多個方塊排列在清單中
🔸 項目數量 通常只有 1 個 可包含多個項目
🔸 資料型態 單一布林值(Checked = true/false 多筆選項集合(CheckedItems
🔸 選取方式 一個一個控制 可一次處理多個勾選項目
🔸 常見用途 是否訂閱、是否啟用、同意條款 選擇興趣、技能、功能模組
🔸 加入項目方式 手動放入多個 CheckBox 控制項 Items.Add() 動態加入
🔸 事件(Event) CheckedChanged ItemCheckSelectedIndexChanged
🔸 介面外觀 分散 集中整齊在一個清單中
🔸 適合情境 選擇少量選項(2~3 個) 選擇大量選項(5 個以上)

圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言