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

章節大綱 9.1 Timer 計時控制項 9.4 GroupBox/ Panel容器控制項 9.2 PictureBox圖片方塊控制項 9.5 RadioButton/ CheckBox選擇控制項 9-3 ImageList影像清單控制項 備註：可依進度點選小節

9.1 Timer 計時控制項 製作動畫、延遲時間或每隔多少時間就執行 某項工作等都可用計時控制項來完成。 使用 for、while{…}、do{…} while 迴圈控制 時間延遲程式，相同程式碼不同電腦，不同速度 的CPU，得到不同時間延遲。 改用 Timer 計時控制項，用 CPU 本身的計時器 來計時，不會發生上述問題。 屬非視覺化控制項，幕後執行，表單上看不到 計時控制項。

一. Timer常用屬性

二. Timer 常用事件 Tick 事件是計時控制項特有的事件。 Enabled 為 True 時，每當 Interval 屬性值 週期一到會觸動 Tick 事件。將該事件要執行的程式碼，撰寫在Tick事件處理函式中。

設計輸出入介面

9.2 PictureBox圖片方塊控制項 用來在控制項上顯示圖檔和繪製圖形。 在設計階段預先載入圖檔，也可在執行階段透過Image.FromFile()方法載入圖檔。 允許載入圖檔格式有：bmp、jpg、gif、wmf等。 若動畫由2-4張連續bmp、wmf或jpg圖檔組成，只要將連續圖檔交互置於變動位置的圖片控制項上，即可展現出生動的動畫。

9.2.1 PictureBox 常用屬性

9.2.2 圖檔的載入與移除 圖形檔可在設計階段或者在執行階段 才載入。 使用時機當然視當時需求而定。

在設計階段載入圖檔方式

二. 如何在執行階段載入圖檔 程式中使用 Image.FromFile() 靜態方法和 new Bitmap() 物件來設定Image屬性值，達到載入 圖檔的目的。 語法

簡例： 載入固定路徑圖檔，若將程式安裝在不同的硬碟 或資料夾時會產生錯誤。圖檔必須安裝在固定路 徑，如下兩種寫法是載入 C:\image\ok.bmp 至 pictureBox1的Image 屬性： 寫法1：pictureBox1.Image=Image.FromFile(“C:\\image\\ok.bmp”); 寫法2： pictureBox1.Image=new Bitmap(“C:\\image\\ok.bmp”);

載入相對路徑的圖檔，路徑以 C# 執行檔 (\bin\ debug資料夾)和圖檔的相對位置來表示， 可避免安裝在不同資料夾產生的錯誤。 [例1] 載入的 ok.bmp 圖檔和執行檔在同資料夾 寫法：

[例2] 欲載入的 ok.bmp 圖檔位在執行檔上一層 資料夾內： [例3] 欲載入的 ok.bmp 圖檔位在執行檔的上一層 的 image 資料夾內，可採用下面兩種寫法：

[例4 ] 欲載入的 ok.bmp 圖檔位在執行檔的 上兩層的 image 資料夾內寫法：

三. 如何在設計階段移除圖檔 四. 如何在執行階段移除圖檔 點選 Image 屬性欄，然後按 鍵，可移除 原先載入的圖檔。 將 PictureBox 的 Image 屬性值設為 null 就可 將圖檔清除，寫法將 pictureBox1 的圖檔清除。 pictureBox1.Image = null;

9-3 ImageList 影像清單控制項 可預先儲存很多的圖檔，等需要時再將此控制項指定給某個控制項，來更換欲顯示的圖形。 工具箱中 Label、LinkLabel、Button、 CheckBox、 RadioButton、TabControl、TreeView…等控制項 都有ImageList 屬性。 譬如：將imageList1的第一張圖置入 pictureBox1 控制項上面，寫法：

9.3.2 ImageList 圖檔的載入與移除 一、如何在程式設計階段載入圖檔 二、如何在程式執行階段載入圖檔

三、如何在程式執行階段移除圖檔

輸出入介面設計

9.4 GroupBox / Panel 容器控制項 GroupBox 群組控制項和 Panel 面板控制項和表單都具備有容器的功能。

9.4.1 GroupBox 群組控制項 群組控制項或稱為框架控制項和表單， 可在期內部放置其他控制項。 使用群組控制項好處是可將控制項分門 別類，調整輸出入介面時，搬移群組控制項時裡面的控制項亦跟隨移動。 同性質選項按鈕或核取方塊可用 GroupBox 或 Panel 來存放。 GroupBox 內的控制項位置是以容器的左上角為基準，不是以表單為基準。

GroupBox 常用屬性

9.4.2 Panel 面板控制項 面板控制項具有容器功能，可放置其他控制項。 和群組控制項外觀最大的不同是，左上角無法 顯示文字。 面板控制項允許有捲軸，輸出入介面佔用較小 的表單空間。

9.5 RadioButton / CheckBox 選擇控制項 具有排他的特性，一組多個 選項按鈕 控制項中只能選擇其中之一。 若有兩組以上選項按鈕時，可用群組或 面板控制項來加以區隔。 RadioButton 選項按鈕控制項上面 除可顯示文字外，也可顯示圖片。

一. RadioButton 常用屬性

二. RadioButton 常用事件 CheckedChanged 事件 當選項按鈕的 Checked 屬性值改變時 會觸發 Checked Changed事件。 Click 事件 當選項按鈕控制項被滑鼠點選時會觸發 Click 事件。

當在選項按鈕控制項按一下，若 Checked 屬性值有變更時依序觸動  CheckedChanged 事件  Click 事件。 若該按鈕已被選取重複點選該鈕時， 因 Checked 屬性值不改變，只觸發 Click事 件。

9.5.2 CheckBox 核取方塊控制項 核取方塊控制項，每個選項都可任意選取 彼此間互不影響。 複選性選項可用它來設計。

一. CheckBox 常用屬性

二. CheckBox 常用事件 CheckedChanged 事件 當此控制項的 Checked 屬性值改變時會 觸發此事件。 CheckStateChanged 事件 當此控制項的 CheckState 屬性值改變時 會觸發此事件。 Click 事件 當此控制項被滑鼠點選時會觸發此事件。

當ThreeState = False時，按 核取方塊 時會依序觸動 CheckedChanged  CheckStateChanged  Click 事件。 判斷核取方塊勾選狀態的程式碼，寫在其中 一個事件中皆可。 當 ThreeState =True時，若使用者點選勾選 狀態為「未確定」時，不會觸動 CheckedChanged 事件。

設計輸出入介面

設定共用事件

Take a Break ….