第三章工具列与状态列.docVIP

第三章 工具列及狀態列 工具列及狀態列是另外兩種常用來架構人機介面的元件。工具列主要是用來輔助選單，在選單中常用的選項可以在工具列中以按鈕的形式呈現出來，如此則可以增加程式使用的方便性。狀態列則是允許程式在執行時，隨時告知使用者執行的狀態及訊息。本章的目的即為討論這兩種元件的使用，以及在處理影像時的應用。本章共分兩節，第一節說明工具列的產生及使用，另外與工具列相關的元件如ImageList也會在本節中討論之。第二節討論狀態列的使用，且在本節的實例中也包含了由滑鼠移動所產生的事件處理程式。 圖 3.1 在元件盤點選工具列的情形 圖3.2 將工具列置於視窗編輯器的情形 3.1 工具列的使用 為了方便起見本節之討論，使用在2.2節所完成之專案。在開啟此專案後，點選元件盤中的工具列元件ToolBar，並將之置於視窗編輯器中。在元件盤中元件Toolbar位於頁籤Win32下面，如圖3.1所示。在將 Toolbar置於視窗編輯器後，此元件會自動移至選單下方，如圖3.2所示。將游標移至此元件所在位置後，按下滑鼠右鍵，則 C++Builder會產生如圖3.3所示的選單。在此選單上選取選項[New Buttons]可在工具列產生空白的按鈕，選取選項[New Separator]可以分隔這些按鈕。 圖3.4顯示我們產生三個空白按鈕，並將當中的一個與其他兩個分隔後的情形。我們將這三個按鈕各自對應於選單中的不同選項：第一個按鈕對應於選項Open，第二個按鈕對應於選項Save，而第三個按鈕對應於選項Help。接下來討論如何設計這些按鈕的外觀，及決定它們的事件處理程式。 圖 3.3 產生空白按鈕之選單 所謂決定按鈕外觀即是給予每一個按鈕一個小圖形以方便識別及使用。由於共需要三個小圖形，為了便利管理我們需要使用元件ImageList來載入這些圖形。在元件盤中點選此元件，如圖3.5所示，並將之置於視窗編輯器中。快速點選此元件兩次，會出現如圖3.6所示之對話盒。我們可以使用此對話盒來載入圖形。 圖3.4 產生空白按鈕後的情形 圖 3.5在元件盤點選元件ImageList的情形 在圖3.6的對話盒中按下按鈕 [Add...]，我們可以瀏覽並載入多個影像到元件ImageList中。在路徑C:\Program Files\Common Files\Borland Shared\Images\Buttons內有許多圖形可以載入。圖3.7顯示在從此路徑瀏覽並載入影像後的情形。我們共載入了三個圖形，其分別代表了Open、Save及Help。在載入完成後，接下來便是讓工具列的按鈕顯示這些圖形。首先在視窗編輯器上點選ToolBar，然後在物件檢視器的頁籤 [Properties]下標題為Images的空格中加入字串ImageList1，如圖3.8所示，其中ImageList1為指向元件ImageList的指標名稱。設定完成後，所有按鈕便自動依其在工具列的位置，找到在ImageList上相對應的圖形，並顯示在各自的按鈕上，如圖3.9所示。 圖3.6 可載入圖形至ImageList的對話盒 圖3.7 元件ImageList在載入圖形後之情形 在完成了工具列外觀設計後，下一步便是指定每一個按鈕在被按下時所應執行的事件處理程式。舉例說明，如圖3.10所示，我們先點選第一個按鈕，然後在物件檢視器之頁籤[Events]下標題為OnClick的空格中，我們發現可以選擇四個事件處理程式，這些處理程式是在前一章2.2節所產生。由於第一個按鈕相對應於選Open，因此我們選擇Open1Click作為此按鈕在OnClick事件發生時的事件處理程式，其他按鈕也可依其所對應的選項按照此方式完成設定。 如此則在程式執行時，若工具列的任何一個按鈕被按下，C++Builder就會找到其對應的選項之事件處理程式進行執行，工具列的設計及使用於是便可以完成。 圖3.8 利用標籤為Images的空格設定工具列上按鈕的圖形 圖3.9 工具列上的按鈕顯示圖形之情況 圖 3.10 設定每一個按鈕的事件處理程式 3.2 狀態列的使用 承續前一節所使用的專案，若想要在此專案中使用狀態列，則在元件盤頁籤[Win32]下點選元件StatusBar，如圖3.11所示，並將之置於視窗編輯器中，如圖3.12所示。與工具列相反的是，無論我們將狀態列置於視窗中的任何位置，該元件都會自動被移至視窗底部。 圖 3.11 在元件盤選取StatusBar之情形 圖 3.12 選取StatusBar後之視窗編輯器 我們可使用狀態列來顯示一個或多個字串。若擬顯示多個字串，則需要將狀態列切成若干部分。舉例說明，若我們想將狀態列切成兩部分，則可點選