第十章 常用控制項二 資訊教育研究室　編著 注意：本投影片僅供上課使用，非經同意，請勿散播或轉載。

章節大綱 備註：可依進度點選小節 10.1 ListBox/CheckedListBox/ComboBox 清單控制項 10.2 MonthCalendar/DateTimePicker 日期時間控制項 10.3 HScrollBar/VScrollBar/TrackBar 捲軸控制項 10.4 RichTextBox 豐富文字方塊控制項 備註：可依進度點選小節

10.1.1 ListBox 清單控制項 清單控制項提供文字選項以供選取。 清單控制項大小固定，選項太多透過捲軸移動。 清單選項可分多行顯示、單選或多選。 清單項目可在設計階段輸入，也可在程式執行 階段使用 Add 方法新增項目。 C# 工具箱提供有關清單的工具： 1. ListBox（清單） 2. CheckedListBox（核取清單） 3. ComboBox（下拉式清單）

二. ListBox 常用屬性

三. ListBox 常用方法 1. Add方法 執行階段新增項目自動加到清單最後面。寫法： listBox1.Items.Add(”航海王”); AddRange 方法 一次新增多個項目，可將存放在字串陣列 中的項目一次就加入到清單。寫法： string[] Drama = new string[]{"變形金剛2", "哈利波特"}; listBox1.Items.AddRange(Drama);

Insert 方法 將文字項目插入清單中指定索引值非最後面。 加入一個項目到第三項目索引值為2。寫法： listBox1.Items.Insert(2, "冰原歷險記3-恐龍現身"); Remove方法 將清單中項目移除，可指定索引值或項目名稱 移除。如移除項目名稱為 “來自地獄”的選項寫法 listBox1.Items.Remove(“來自地獄”); 若要移除第三個項目(索引值為2)，寫法： listBox1.Items.Remove(listBox1.Items[2]);

Clear 方法 SetSelected 方法 將 listBox1 清單控制項所有選項全部移除 寫法： listBox1.Items.Clear(); SetSelected 方法 設定清單中指定項目被選取或不被選取。 listBox1.SetSelected(1, true) ; //第2個項目被選取 listBox1.SetSelected(2, false); //第3個項目不被選取

7. ClearSelected 方法 可一次將選取項目全部取消選取。 取消使用者所有選取項目，寫法： listBox1.ClearSelected();

8. GetSelected 方法 取得清單中被選取或不被選取項目。 傳回值為 true 表該項目被選取。 傳回值為 false 未被選取。 檢查第二個項目是否被選取， 若被選取將項目名稱顯示在標籤上面 寫法： if (listBox1.GetSelected(1)) label1.Text = listBox1.Items[1].ToString(); else label1.Text = "" ;

四. SelectedIndexChange 常用事件 ListBox 清單控制項的預設事件。 當控制項的 SelectedIndex 屬性改變， 會觸動本事件。 可將使用者選擇項目時要處理的程式碼寫 在此事件處理函式中。

五.多選處理 若要提供多選處理，先將清單控制項的 SelectionMode 屬性值設為 MultiSimple 或 MultiExtended，以便進行多選。 [例] 透過 for 迴圈逐一判斷 listBox1 第 I 個項目 是否被選取，若被選取將項目累加至 show 字串變數，for 迴圈執行完後透過訊息方塊 顯示 show 字串變數多選的結果。

10.1.2 CheckedListBox 核取方塊清單控制項 核取方塊比清單控制項前面多一個核取方塊。 可視為 ListBox 和 CheckBox 結合。 CheckedListBox 控制項可同時選取多個項目。 ListBox 清單控制項透過 SelectionMode 屬性 來設定單選或多選。 ListBox 和 CheckedListBox 也可多行顯示。 ComboBox 僅能單選。

一. CheckedListBox 常用屬性

二. CheckedListBox 常用方法與事件 Add方法 程式執行階段用來新增核取方塊清單項目 的方法。 加入的項目自動加到清單的最後。

SetSelected 方法 執行階段設定核取方塊清單中指定項目是否 被選取。例：設定第二個項目被選取： GetItemChecked方法 在執行階段，取得核取方塊清單中指定項目被選取 或不被選取。傳回值 true 表該項目被選取；傳回值 false 未被選取。 ItemCheck 事件 當使用者勾選或取消勾選項目時會觸動本事件。

SelectedIndexChanged 事件 預設事件，當控制項項目被點選時會觸動本事件。 若CheckOnClick=False 表示按兩下才勾選  第1次點選只會觸動此事件。  第2次勾選或取消勾選時， 先觸動ItemCheck事件接著SelectedIndexChanged 事件。 若CheckOnClick = True 表示按一下就勾選  點選時 先觸動 ItemCheck 事件接著 SelectedIndexChanged 事件。  將使用者選擇項目時要處理的程式碼寫在此事件中。

三. CheckedListBox 提供多選

10.1.3 ComboBox下拉式清單控制項 在下拉式清單控制項ListBox 清單控制項 主要差別清單控制項大小固定。 在下拉式清單控制項多 下拉鈕，且當 按下拉鈕，下拉式清單控制項才顯示清單 項目，節省版面空間。

二. ComboBox 常用事件 TextChanged 事件 當在下拉式清單的文字方塊中輸入資料時 會觸動本事件。 使用者點選下拉式清單控制項中的項目時 文字方塊中的內容改變就會觸動本事件。

2. SelectedIndexChanged 事件 為下拉式清單的預設事件。 當控制項項目被點選時觸動本事件。 使用者點選下拉式清單控制項的項目時， 文字方塊中的內容會改變，同時觸動TextChanged 事件。 兩事件先後順序 TextChanged事件  SelectedIndexChanged 事件 ：

10.2.1 MonthCalendar月曆控制項 月曆控制項主要功能是顯示月曆及讓使用者 選取日期區塊。

一. 如何建立 MonthCalendar 月曆控制項 月曆控制項的大小是由系統內定 月曆控制項的大小是無法改變。

二. 如何設定 AnnuallyBoldedDates 屬性 是一個日期的集合。 主要設定月曆控制項中每年哪些日期。 用粗體字顯示。 2. BoldedDates 屬性 主要在設定月曆控制項中哪些日期 要用粗體字顯示。 非每年要標示的日期。

三. MonthCalendar 月曆控制項常用屬性

四. MonthCalendar 月曆控制項常用方法 1. AddAnnuallyBoldedDate 方法 執行中新增 AnnuallyBoldedDates 集合成員。 如將每年日期4/4以粗體字顯示，寫法： 雖設定 2011/4/4，但每年 4/4 都會以粗體顯示

2. AddBoldedDate 方法 執行中新增 BoldedDates 集合成員 如將日期 2011/3/17以粗體字顯示 寫法：

RemoveAllAnnuallyBoldedDate 方法 在程式執行中移除所有 AnnuallyBoldedDates 集合成員。 語法： monthCalendar1.RemoveAllAnnuallyBoldedDate(); RemoveAllBoldedDate 方法 在程式執行中移除所有 BoldedDates 集合成員。 monthCalendar1.RemoveAllBoldedDate();

五. MonthCalendar 月曆控制項常用事件 1. DateChanged 事件 為預設的事件，當改變日期時會觸動本事件。 使用者未選取日期，只按 、 鈕改變 月份時：  觸動 DateChanged 事件。 不觸動 DateSelected 事件。 將日期改變時要處理的程式碼寫在DateChanged 事件中。

2. DateSelected 事件 當使用者選取日期時會觸動本事件 點選一個日期先後觸動 DateChanged 事件 DateSelected 事件。 用拖曳方式選取連續日期，每拖曳過的日期 會觸發 DateChanged 事件一次， 選完才觸動 DateSelected 事件。 將使用者選取日期時要處理的程式碼寫在DateSelected 事件中。

10.2.2 DateTimerPicker 日期挑選控制項 日期挑選控制項和月曆控制項非常類似。 常用屬性和事件大致相同。 日期挑選控制項多文字方塊，可直接輸入日期。 而月曆採下拉式呈現，較節省版面空間。

一. DateTimePicker 日期挑選控制項常用屬性

二. DateTimePicker 日期挑選控制項常用事件 ValueChanged 事件是此控制項預設事件。 當使用者改變日期時間時會觸動本事件。 將日期改變時，要處理的程式碼寫在 ValueChanged 事件處理函式中。

設計輸出入介面

10.3 ScrollBar / VscrollBar / TrackBar 捲軸控制項 用來讓使用者以拖曳方式來改變數值 避免使用者輸入錯誤的數值。

10.3.1 HscrollBar / VscrollBar 水平垂直捲軸 水平捲軸和垂直捲軸控制項。 視窗小於內容都會出現捲軸。

一. HScrollBar / VScrollBar 水平和垂直捲軸常用屬性

二. HScrollBar / VScrollBar 常用事件 捲軸控制項預設的事件。 當拖曳捲動鈕時觸動本事件。 ValueChanged 事件 當捲軸Value 屬性值改變時觸動此事件。 按微調鈕 或 快捲區。

10.4.2 TrackBar 滑動桿 滑動桿控制項（或稱為軌跡棒） 功能和捲軸非常類似 外觀像音響面板放控制音量的滑動桿。

一. TrackBar 滑動桿常用屬性

二. TrackBar常用事件 Scroll 事件 滑動桿控制項的預設的事件。 當拖曳滑動鈕時觸動本事件。 ValueChanged 事件 如按方向鍵或滑動軸時。

設計輸出入介面

10.4 RichTextBox 豐富文字方塊 TextBox 無法處理具有格式化功能如： - 選取變更文字格式。 - 選取變更文字前景與背景色。 - 調整段落格式 - 建立項目符號清單。 - 執行連結/載入/儲存 RTF 或純文字檔。 欲達成上述進階格式化功能，使用豐富 文字方塊控制項。 該控制項提供類似 Word 文書處理應用 程式的顯示和文字處理功能。

一. RichTextBox 常用屬性

二. RichTextBox 常用方法

三. RichTextBox 常用事件 控制項內文字包含超連結，與網站有連結： 1. 將 DetectUrls 屬性設為true 2. 使得該控制項具有文字連結的部份藍色加底線 3. 透過 LinkClicked 事件來執行與超連結相關工作 4. 透過觸發 LinkClicked 事件以程式連結到指定網站。

Step1 設計輸出入介面

Take a Break ….