然後，選擇空模板(Blang
GUI)，點擊OK，即可打開GUIDE的設計界面，如下：
點擊工具欄上的菜單編輯器(Menu
Editor)，打開菜單編輯器，如下：
在Menu
Bar中新建壹個菜單項，名字為“文件”，其他設置請看下圖：
在“文件”菜單下添加菜單項：“打開”，“保存”，“退出”。見下圖：
如果需要在菜單項“退出”上面添加壹個分割線的話，選中“Separator
above this item”就行了。
保存我的界面為pjimage.fig.
保存完畢之後，會自動打開pjimage.m文件，而我們所有的程序都是要寫在這個M文件裏面的。在編程中，我們的每壹個鼠標動作都對應壹個Callback函數。那麽我們的菜單項也是如此的。
在界面上，單擊鼠標右鍵選擇“Property
Inspector”，即可打開屬性窗口。當我們點擊不同的控件時，其對應的屬性都會在這裏顯示，我們可以進行修改。最主要的屬性莫過於Tag屬性和String屬性。
設置當前Figure窗口的Tag屬性為：figure_pjimage，窗口的標題(Name屬性)為：圖像處理實例。如下：
然後，點擊工具欄的保存按鈕。之後，點擊工具欄的運行按鈕(Run
Figure)。註意，工具欄的圖標都會有提示的，像運行按鈕的提示就是Run Figure.
我們會看到如下的界面：
那說明，我們保存的.fig文件的目錄不是當前目錄，但是沒關系啊，我們只要點擊“Change
Directory”來改變當前目錄。當然，如果妳想把當前目錄添加到MATLAB路徑也可以，那就點擊“Add to
Path”就OK了。我在這裏推薦點擊“Change
Directory”，因為沒有什麽太大必要把其添加到MATLAB路徑中，壹般是工具箱需要添加或者我們的函數或程序寫完了，而在MATLAB的命令窗口找不到我們的函數的時候，我們可以將函數或程序所在的目錄添加到MATLAB路徑。
總之吧，點那個按鈕，要看個人的愛好了。不管點擊兩個按鈕的那壹個按鈕，都會正確的運行程序的。
我們的程序運行時的樣子，是這樣的：
文件下面的菜單項和快捷鍵我們都能看到，但是我們沒有寫程序，所以就算點也沒有什麽響應。還有如果不想設置快捷鍵，可以在Menu
Editor中設置，只要把其選擇為Ctrl+none就行了，如下：
這樣的話，保存項就沒有了快捷鍵了。我們可以通過上面的按鈕“View”來查看該菜單項的響應函數，也就是Callback函數。也可以在pjimage.m中看，比如保存的Tag屬性是m_file_save,那麽它對應的Callback函數的名字就是m_file_save_Callback。依次類推了。
下面我們來寫打開菜單項的函數，要打開壹個圖片，當然要用打開對話框了。在界面編程中，打開對話框的函數是uigetfile.
關於它的詳細的說明用help uigetfile命令查看。下面是打開菜單的響應函數：
function
m_file_open_Callback(hObject, eventdata, handles)
[filename, pathname] =
uigetfile( ...
{'*.bmp;*.jpg;*.png;*.jpeg', 'Image Files (*.bmp,
*.jpg, *.png, *.jpeg)'; ...
'*.*', 'All Files
(*.*)'}, ...
'Pick an
image');
保存.m文件，並運行程序。點擊“文件”下的“打開”，會打開如下的打開對話框：
選擇壹個文件之後，程序中的filename就是妳選擇的文件的文件名，pathname就是該文件所在的目錄的路徑。比如：filename
=5.jpg，pathname =C:\Documents and Settings\Administrator\My
Documents\。
那麽獲得路徑之後，我們要怎麽樣才能讀入和顯示壹個圖片呢？讀入圖片可以用imread函數，而顯示可以在壹個坐標軸上。那麽我們需要在界面上畫上壹個坐標軸，為了對比，我們畫兩個坐標軸，壹個顯示處理前，壹個顯示處理後的。並且將處理前的坐標軸的Tag屬性改為axes_src,處理後的坐標軸的Tag屬性為axes_dst。更改之後，保存。如下：
然後在m_file_open_Callback程序原來的基礎上，再添加如下的程序：
axes(handles.axes_src);%用axes命令設定當前操作的坐標軸是axes_src
fpath=[pathname
filename];%將文件名和目錄名組合成壹個完整的路徑
imshow(imread(fpath));%用imread讀入圖片，並用imshow在axes_src上顯示
運行程序，通過“打開”菜單項，打開壹個圖片。效果如下：
那麽如何來保存壹副圖片？用imwrite命令。但imwrite命令的第壹個參數就是妳讀入的圖片數據，也就是imread的返回值。這樣的話，我們就要將m_file_open_Callback中的程序做壹點小小的改動。將最後壹句(imshow(imread(fpath)))，更改為兩句，如下：img_src=imread(fpath);imshow(img_src);
不僅如此，我們的保存菜單的Callback函數，如何去獲得打開菜單的Callback函數下的img_src變量呢？這裏就要將img_src來作為壹個***享的數據。許多界面編程的朋友，喜歡用global聲明。我個人不喜歡這樣用，因為有更好的方法。那就是用setappdata和getappdata兩個函數。我們可以為界面上面的任何壹個具有Tag屬性的空間添加應用程序數據。當然我比較喜歡將這些***享的應用程序數據統壹添加到Figure窗口上，因為這樣容易記，如果壹個控件壹個，感覺不容易記。
妳在.m文件中會發現除了各個菜單項的Callback函數以外，還有兩個函數：pjimage_OpeningFcn和pjimage_OutputFcn.而pjimage_OpeningFcn就相當於界面的初始化函數，而pjimage_OutputFcn則是界面的輸出函數，也就是當妳不運行fig，而調用.m文件時的返回值。
所以，我們要在pjimage_OpeningFcn中添加如下的程序，來***享這個img_src矩陣。代碼如下：
setappdata(handles.figure_pjimage,’img_src’,0);
然後，在m_file_open_Callback函數的最後寫上如下程序：
setappdata(handles.figure_pjimage,’img_src’,img_src);
那麽，我們在m_file_save_Callback函數中就可以像這樣的來提取img_src，如下：
img_src=getappdata(handles.figure_pjimage,’img_src’);
那麽保存的時候，自然會用到保存對話框了。要用保存對話框，就要用到uiputfile函數了，具體的請用help
uiputfile查看。
那麽，保存菜單項下的程序(m_file_save_Callback)，可以這樣寫：
[filename,
pathname] = uiputfile({'*.bmp','BMP files';'*.jpg;','JPG files'}, 'Pick an
Image');
if isequal(filename,0) || isequal(pathname,0)
return;%如果點了“取消”
else
fpath=fullfile(pathname,
filename);%獲得全路徑的另壹種方法
end
img_src=getappdata(handles.figure_pjimage,'img_src');%取得打開圖片的數據
imwrite(img_src,fpath);%保存圖片
下面是退出菜單項的程序的。要退出界面，只要用close函數就行了，但是通常都會有提示的。比如妳如果進行了處理圖片，而又沒有保存處理後的圖片，那麽在關閉的時候就應該給出提示，詢問是否進行保存。不過，在這裏，我們先不做這個工作，等後面有需要的時候再寫吧。因此，這裏的退出菜單項的程序就是壹句，如下：
close(handles.figure_pjimage);
其實，用delete函數也是可以的，就是：delete(handles.figure_pjimage);看妳的心情了。
但是運行程序的時候，妳會發現，當妳打開圖片的時候，如果點“取消”按鈕，那麽在MATLAB的命令窗口會彈出錯誤，那是因為我們沒有處理取消的情況。下面我們來處理下這個問題，只要把m_file_open_Callback下面的程序更改為如下程序即可：
[filename,
pathname] = uigetfile( ...
{'*.bmp;*.jpg;*.png;*.jpeg', 'Image Files
(*.bmp, *.jpg, *.png, *.jpeg)'; ...
'*.*', 'All Files
(*.*)'}, ...
'Pick an image');
if isequal(filename,0) ||
isequal(pathname,0),
return;
end
axes(handles.axes_src);
fpath=[pathname
filename];
img_src=imread(fpath);
imshow(img_src);
setappdata(handles.figure_pjimage,'img_src',img_src);
下面我們來做壹個圖像二值化的壹個圖像處理。用上面的方法添加壹個“圖像處理”菜單，如下：
在其下面添加壹個“圖像二值化”的菜單項，如下：
然後，點擊“OK”關閉菜單編輯器，並保存整個界面。如果我們的.m文件中沒有對應的Callback時，我們可以點擊上圖中的“View”按鈕來生成壹個Callback函數。圖像二值化，有壹個閾值的設置，那麽我們可以新建壹個界面，在這個界面上放壹個滑動條來設置圖像二值化的閾值。同時，有壹個文本，顯示當前滑動條的值。那麽我們新建壹個空白界面，在它上面畫壹個Static
Text和Slider控件，然後用工具欄的對齊工具(Align
Objects)，來對其這兩個空間。如下：
然後，將這個界面保存為im2bw_args.fig。整個設計如下：
妳可以設置Static
Text的FontSize屬性為10，這樣字體會更大壹點。設置Static
Text的Tag屬性為txt_display,設置滾動條的Tag屬性為slider_val。為了能夠在滾動條滾動時，Static
Text顯示滾動條的值，需要在滾動條的Callback中寫下如下程序，妳可以在滾動條上點擊右鍵，選擇“View
Callbacks”下的“Callback”直接進入滾動條的Callback函數(slider_val_Callback)。
val=get(hObject,'Value');
set(handles.txt_display,'String',num2str(val));
保存，運行程序，就可以滑動滾動條，而Static
Text就會顯示相應的值。在figure上雙擊打開figure(有方塊的底層窗口)的屬性窗口，將其Tag屬性設置為“figure_im2bw”，將其Name屬性設置為“設置圖像二值化閾值”。然後，保存界面。運行時，如下：
那麽，我們想的是，當滑動條滑動時，將二值化的圖像顯示在pjimage.fig中的axes_dst坐標軸上的。那麽怎麽辦呢？首先，要做的是，當點擊pjimage.fig菜單“圖像處理”下的“圖像二值化”的時候，會打開im2bw_args.fig。這個時候就是我們要調用im2bw_args.m的時候了。當我們調用它的時候，會返回壹個句柄，而這個句柄就是指向打開的im2bw_args.fig的。關於更詳細的，妳可以參看im2bw_args.m文件的最前面的註釋，其中有這樣寫：
%
H = IM2BW_ARGS returns the handle to a new IM2BW_ARGS or the handle to
% the
existing
singleton*.
那就說明，我們可以如上的方式打開im2bw_args.fig。所以在“圖像二值化”的Callback函數(m_image_2bw_Callback)下，寫上如下的程序：
h=im2bw_args;
然後，保存pjimage.fig.還有就是，最好將im2bw_args.fig和pjimage.fig保存在壹個目錄下面。然後，運行pjimage.fig，可以看到，當點擊“圖像二值化”的時候會打開im2bw_args.fig,同時滑動條滑動時也會顯示響應的值。
下面來說說如何在滑動條滑動時，將滑動後的二值化圖像顯示到pjimage的axes_dst坐標軸中。
首先，我們要獲得pjimage的figure的句柄，這個可以通過findobj函數來完成，之後將返回值用guihandles來轉換成壹個句柄。之後，就可以用這個轉化後的句柄來引用pjimage.fig中的任何壹個控件了。所以，我們在im2bw_args.fig下的滑動條的Callback函數中添加如下函數：
h_pjimage=getappdata(handles.figure_im2bw,'h_pjimage');
axes(h_pjimage.axes_dst);
img_src=getappdata(h_pjimage.figure_pjimage,'img_src');
bw=im2bw(img_src,val);
imshow(bw);
然後，在im2bw_args_OpeningFcn中添加：
h_pjimage=findobj('Tag','figure_pjimage');
h_pjimage=guihandles(h_pjimage);
setappdata(handles.figure_im2bw,'h_pjimage',h_pjimage);
然後，保存，運行。效果如下：
但是，如果在我們沒有打開圖片的情況下，要是點擊了“圖像二值化”會出現什麽問題呢？可以看到顯示的圖像是全黑的，完全沒有意義。所以，我們可以在沒有點擊“打開”菜單項的時候，使“圖像處理”菜單不可用。
那麽在pjimage.m的OpeningFcn中，添加如下程序：
set(handles.m_image,'Enable','off');
在“打開”菜單項的Callback函數的最後，添加如下程序：
set(handles.m_image,'Enable','on');
這樣的話，只要妳不點“打開”，就不能用“圖像處理”菜單中的命令，效果如下：
點擊“打開”之後，就能使用了。
下面，我們來說說前面的問題，就是詢問是否保存圖片的問題。首先，我們要設置兩個標誌：壹個是圖片是否被處理過了，二是圖片是否被保存了。那麽我們在pjimage_OpeningFcn中，添加如下的兩個應用程序數據。
setappdata(handles.figure_pjimage,'bSave',false);
setappdata(handles.figure_pjimage,'bChanged',false);
然後在“圖像二值化”菜單項的Callback函數中，改變bChanged的值為true，即添加如下程序：
setappdata(handles.figure_pjimage,'bChanged',true);
由於我們要保存的是坐標軸axes_dst中的圖像，而我們“文件”下的“保存”，實質上保存的是坐標軸axes_src中的圖像，那怎麽辦呢？只好再添加壹個“保存”菜單項了。這次，我們在坐標軸axes_dst中添加右鍵菜單。
打開工具欄的菜單編輯器，選擇Context
Menu(上下文菜單)，如下：
然後，新建壹個Context
Menu,其Tag屬性為：axes_dst_menu,如下：
然後為其添加菜單項：“保存”，其Tag屬性為axes_dst_menu_save.如上圖。然後，在坐標軸axes_dst上右鍵，選擇“Property
Inspector”。將該坐標軸的UIContextMenu屬性更改為axes_dst_menu.
如下圖：
然後，保存，運行。在axes_dst上點右鍵就能看到“保存”菜單了。下面來寫其函數。
[filename, pathname] =
uiputfile({'*.bmp','BMP files';'*.jpg;','JPG files'}, 'Pick an Image');
if
isequal(filename,0) || isequal(pathname,0)
return;
else
fpath=fullfile(pathname,
filename);
end
img_dst=getimage(handles.axes_dst);
imwrite(img_dst,fpath);
setappdata(handles.figure_pjimage,’bSave’,true);
但是妳會發現，沒有讀入圖片之前，在axes_dst點右鍵是有菜單的，壹旦二值化之後，再次點右鍵就沒有菜單了。
但是，當我們把右鍵菜單axes_dst_menu,添加到figure窗口(在沒有控件的地方，雙擊，即可打開figure的屬性窗口)的UIContextMenu的時候，就不會出現上面的問題，而且壹切運行正常。因為，當妳添加到axes_dst之後，壹旦坐標軸的內容改變，就會將右鍵菜單附加到父對象上。因此，如果壹定需要在坐標軸上顯示右鍵菜單，就要通過程序創建了。如何創建，咱們先不說，先說說把坐標軸axes_dst保存完畢，退出程序的時候的處理。
將原來的m_file_exit_Callback更改為如下程序：
bChanged=getappdata(handles.figure_pjimage,'bChanged');%獲得是否更改
bSave=getappdata(handles.figure_pjimage,'bSave');%獲得是否保存
if
bChanged==true && bSave==false,%更改了，而沒保存時
btnName=questdlg('您已經更改了圖片，但沒有保存。要保存嗎?','提示','保存','不保存','保存');%用提問對話框
switch btnName,
case '保存', %執行axes_dst_menu_save_Callback的功能
feval(@axes_dst_menu_save_Callback,handles.axes_dst_menu_save,eventdata,handles);
case '不保存',%什麽也不做
end
end
h=findobj('Tag','figure_im2bw');%查找是否打開設置圖像二值化參數窗口
if
~isempty(h),%找到的話，則關閉
close(h);
end
close(findobj('Tag','figure_pjimage'));%關閉主窗口
下面來為程序添加壹個工具欄，單擊工具欄上那個的Toolbar
Editor，打開如下：
選擇“Predefined
Tools”下的Open，點擊“Add”。再次選擇“Save”，點擊“Add”。並將Open按鈕的Tag屬性更改為tbl_open,Save按鈕的Tag屬性更改為tbl_save,如下：
點“View”，來找到Open按鈕的Callback，在它的下面來調用菜單中的打開菜單項的Callback，需要在Open按鈕的Callback下寫下如下程序：
feval(@m_file_open_Callback,handles.m_file_open,eventdata,handles);
用同樣的方法，找到Save按鈕的Callback，並在它的下面寫上保存程序，但是，我們要判斷壹下是不是第壹次保存，如果是，則用保存對話框；如果不是，我們直接保存在第壹次保存的路徑中就可以了。那麽，我們還是需要設置幾個應用程序數據的，第壹個就是記錄是否是第壹次保存，第二個是記錄第壹次保存的路徑。這樣的話，我們在pjimage_OpeningFcn中添加如下的代碼：
setappdata(handles.figure_pjimage,'fstSave',true);
setappdata(handles.figure_pjimage,'fstPath',0);
然後，在Save按鈕的Callback下，寫下如下的程序：
fstSave=getappdata(handles.figure_pjimage,'fstSave');
if(fstSave==true)
[filename, pathname] = uiputfile({'*.bmp','BMP files';'*.jpg;','JPG files'},
'Pick an Image');
if isequal(filename,0) ||
isequal(pathname,0)
return;
else
fpath=fullfile(pathname, filename);
end
img_dst=getimage(handles.axes_dst);
imwrite(img_dst,fpath);
setappdata(handles.figure_pjimage,'fstPath',fpath);
setappdata(handles.figure_pjimage,'bSave',true);
setappdata(handles.figure_pjimage,'fstSave',false);
else
img_dst=getimage(handles.axes_dst);
fpath=getappdata(handles.figure_pjimage,'fstPath');
imwrite(img_dst,fpath);
end
並且，我們還需要在沒有打開圖片之前的“文件”下的“保存”和工具欄的“Save”按鈕都不可用，只有點擊“文件”下的“打開”或工具欄下的“打開”的時候，它們才可用。那麽需要在pjimage_OpeningFcn中添加如下代碼：
set(handles.tbl_save,'Enable','off');
set(handles.m_file_save,'Enable','off');
並且在m_file_open_Callback下，添加如下代碼：
set(handles.tbl_save,'Enable','on');
set(handles.m_file_save,'Enable','on');
這樣壹個小程序，算是完成了。
如果您能按照上面的步驟做完這個小小的程序的話，那麽界面編程中的問題妳已經掌握的差不多了。