Graphical User Interface Design Environment (GUIDE ) 方煒 台大生機系.pptVIP

Graphical User Interface Design Environment (GUIDE ) 方煒 台大生機系 結構變數 handles.x=[0.1,0.2,0.3] handles.y=[1,2,3] handles.name=[‘ABC’,’DEF’,’GHI’] handles.NAME={‘ABC’,’DEF’,’GHI’} Check: handles.x(3) 是甚麼？ handles.y(3) 是甚麼？ handles.name(3) 是甚麼？ handles.NAME(3) 是甚麼？ GUIDE (MATLAB v.7) 一個 設計「圖形使用者介面」（Graphical User Interface，簡稱 GUI）的發展環境 。 使用 GUIDE 工具的好處如下： 可以產生每一個控制物件的標準反應函式，使用者只要填入所需的指令或敘述。 可以快速地「拉」出介面，具有「所見即所得」的性質。 GUIDE 也有不盡人意之處 比較不適用於複雜的 GUI 介面 。 無法將 GUI 應用程式集中於一個檔案。 執行效率可能比較差一些。 GUIDE 欲啟動 MATLAB 7.x 的 GUIDE，只需在命令視窗下輸入「guide」即可開啟 GUIDE 的主面版： GUIDE 如果你已經有之前所設計的畫面，也可以點選 「Open Existing GUI」，來開啟以前的檔案，如 右圖所示： Create New GUI 點選「Blank GUI (Default)」來開啟空白樣版，其畫面如下： Blank GUI (修改) 修改預設的 GUIDE 編輯面版，讓它更好用： 如果嫌左邊的圖式不好記，可以點選 File/Preference，並點選「Show names in component palette」，就可以顯示左邊各個圖式的文字說明。 Blank GUI (修改) 修改預設的 GUIDE 編輯面版，讓它更好用： 如果要在面版周圍顯示尺規（Ruler），可以在下拉選單選擇 「Tools/Grid and Rulers…」，然後再點選跳出視窗的「Show rulers」，就可以在面版周圍顯示尺規。 GUIDE 經由上述的設定後，GUIDE 主面版顯示如下： 範例一 我們先改變 GUIDE 面版的大小 由拖放面版右下角的黑點來達成 範例一 在面版上放置兩個控制物件 一個是「拉bar」（Slider） 另一個是「可編輯文字欄位」（Edit Text） 範例一： Inspect Properties 可使用滑鼠右鍵來點選任一個 UI 控制物件，並選取「Inspect Properties」，以改變其性質。 以前述拉bar為例，以滑鼠右鍵點選後，選取「Inspect Properties」，即可開啟「性質檢視器」（Property Inspector）。 更改 Properties 更改 拉bar 的 Tag 為mySlider 更改 可編輯文字欄位 的 Tag 為myText 範例一 在性質檢視器中，左邊是物件的性質，右邊則是此性質所對應的值，我們可以點選右邊來改變這些值。 完成物件代號的設定後，我們就可以設定物件的反應命令。 我們希望這些反應命令能夠使這個 GUI 應用程式達到下列功能： 當使用者拖放拉bar時，能將拉bar的位置（預設值是介於 0 和 1 之間）顯示在文字欄位。 文字欄位值被改變時，拉bar的位置能夠隨之改變。 在 GUIDE 的環境下，一個物件的反應命令都是由一個特定的函式來完成，這個函式就稱為反應函式，而函式名稱就是「物件代號_Callback」。 範例一:開啟 程式編輯器 以滑鼠右鍵點選 拉bar 選取「View Callbacks/Callback」 可開啟 程式編輯器 範例一:開啟 程式編輯器 此程式編輯器會顯示反應命令必須加入的位置，拉bar的 Tag 是 mySlider，所以其反應函式是 mySlider_Callback()，所加進去的兩列敘述如下： 第一列敘述抓出拉bar的位置，並轉成數值 第二列則將此數值設定為文字欄位的顯示文字 藍字為該物件的多項性質之一 (Properties) 範例一 範例一: Object Browser 暫時以 test.m 存檔, 設計的畫面會存在 test.fig Object Browser 關閉該檔案回到command window 如何重新叫出該畫面？ 範例一: Open Existing GUI 範例一 使用相同的方式，我們也可以加入文字欄位的反應命令，其反應函式是 myText_Callback()，所加進去的兩列敘述如下： 第一列抓出文字欄位的顯示文字，然後轉成數值。 第二列將 拉ba