07-握把式图形与 GUI 设计

nullMATLAB 程式設計入門篇 握把式圖形與 GUI 設計MATLAB 程式設計入門篇 握把式圖形與 GUI 設計張智星 jang@cs.nthu.edu.tw http://www.cs.nthu.edu.tw/~jang 清大資工系 多媒體檢索實驗室Handle Graphics概念Handle Graphics概念握把式圖形Handle Graphics概念 每一個圖形元件視為一個物件Object Object都有一個獨一無二的握把Handle 圖形物件的階層結構圖形物件的階層結構圖形物件階層結構（Hierarchy） 階層結構的一個例子階層結構的一個例子 圖形物件的性質存取圖形物件的性質存取以 GUI 進行圖形物件的性質存取 MATLAB 5.x MATLAB 6.x MATLAB 7.x 以命令列進行圖形物件的性質存取 MATLAB 5.xMATLAB 5.xMATLAB 5.x >>propedit(gcf) gcf 傳回使用中圖形握把，開啟「性質編輯器」（Property Editor），產生的新視窗如下： MATLAB 5.x 性質編輯器MATLAB 5.x 性質編輯器MATLAB 5.x MATLAB 6.xMATLAB 6.xMATLAB 6.x >>peaks; % 畫出 peaks 3D 圖 >>propedit; % 開啟性質編輯器 MATLAB 5.x 性質編輯器MATLAB 5.x 性質編輯器MATLAB 6.x MATLAB 7.x 性質編輯器MATLAB 7.x 性質編輯器MATLAB 7.x >>peaks; % 畫出 peaks 3D 圖 >>propedit; % 開啟性質編輯器 MATLAB 7.xMATLAB 7.xMATLAB 7.x 圖形物件的性質存取圖形物件的性質存取以命令列進行圖形物件的性質存取 set 設定某個性質的值 get 取得某個性質的值 findobj 在握把式圖形的階層式結構中，找出您要的物件。 xpsound、travel、truss、lorenz 等指令 set範例:set範例:set範例:get範例:get範例:get範例:findobj範例:findobj範例:findobj範例:MATLAB GUIMATLAB GUIGUI 的設計 M 檔案 GUIDE 發展環境 M檔案M檔案M 檔案的GUI 設計 Uicontrol Mouse Events uicontrol範例1uicontrol範例1uicontrol範例1:uicontrol範例1uicontrol範例1UI(User Interface)控制物件UI(User Interface)控制物件Uicontrol產生UI(User Interface)控制物件 按鈕（Push Button） 滑動棒（Sliding Bar） 圓形按鈕（Radio Button） 框架（Frame） 核計方塊（Check Box） 文字欄位（Edit Box） 列式選單（List Menu） 下拉式選單（Popup Menu） uicontrol範例2:uicontrol範例2:uicontrol範例2:uicontrol範例2uicontrol範例2uicontrol範例2:uicontrol範例2uicontrol範例2 uicontrol的例子uicontrol的例子另外一個較複雜uicontrol的例子 Switchyard Programming 滑鼠事件 (Mouse Events)滑鼠事件 (Mouse Events)滑鼠事件 (Mouse Events) WindowButtonDownFcn：滑鼠按鈕按下時反應指令 WindowButtonMotionFcn：滑鼠移動時的反應指令 WindowButtonUpFcn：滑鼠按鈕釋放時的反應指令 滑鼠事件的例子滑鼠事件的例子一個滑鼠事件 (Mouse Events)的例子