应用程序的界面设计.ppt

应用程序的界面设计,MATLAB中提供了图形界面控件uicontrol函数，可以让我们很方便地产生各种典型的windows控件，如按钮、编辑框、选择框等等。结合我们的专业计算就可以编写出容易使用和演示的计算界面了。例如：,一、控件产生函数uicontrol制作界面 在上图的界面中可以看到各种控件，如Resample按钮，可以按当前所设随机数和当前的参数即均值和方差重新进行抽样。如Mu和Sigma控件仅仅是显示当前的参数。滑块控件可以改变Mu和Sigma的值。所有控件都是用uicontrol函数产生。uicontrol命令的语法为： handle = uicontrol(parent) handle = uicontrol(.,PropertyName,PropertyValue,.) 该命令在一个父界面下创建各种不同类型的控件，其中 PropertyName为该控件的各种特性的名字，如最重要的控件属性为style。 PropertyValue：特性的值，如style属性的某个sliders表示控件style为滑块。Style可取的值见下表,style的值,其他常用参数名（PropertyName）及其值,【例1】建立一个简单的界面，有两个控件，一个是选择控件，一个是按纽控件。选择控件对作图函数peaks的图形进行四种颜色的选择，按纽控件清除图形。首先建立一个m函数，函数名为setmat.m并存放在当前目录中。 peaks val = get(hpop,Value); if val = 1 colormap(hsv) elseif val = 2 colormap(hot) elseif val = 3 colormap(cool) elseif val = 4 colormap(gray) end 该函数可按界面的选择对图形选择不同的颜色。下面我们编写产生界面的程序。 % 产生按纽控件，控件上的文字为Clear，设置大小和位置，调用清图命令cla H = uicontrol(Style, pushbutton, String, Clear,. Position, 20 50 100 30, Callback, cla); % 产生选择按纽控件，其中String有四种颜色选择，调用m文件setmat hpop = uicontrol(Style, popup, String, hsv|hot|cool|gray,. Position, 20 320 100 50, Callback, setmat);,运行该程序结果见下图,二、利用可视化方法进行界面设计 利用界面产生函数uicontrol可以方便地编程产生应用界面，但是当界面比较复杂时，如某界面有很多不同类型的控件，控件之间的合理放置，大小的比例等等设计用手工编程的方法相当麻烦。MATLAB提供了一个可视化编程的界面，只要在该界面的控件工具窗口中选中某一个控件，并在工作窗口上用鼠标拉出该控件的合适大小和位置，该控件的一些属性就确定下来了。当我们认为界面设计的满意后，选择保存，则系统将按给出的文件名产生了两个文件，一个是产生该界面的m文件，一个是界面的框架fig文件。然后对m文件加一些调用函数，就可以产生一个“活”的界面应用程序了。其命令为guide，我们可以通过help功能查询更详细的资料。 在命令窗口中输入命令guide，可以看到如下可视化界面：,对齐方式，界面设计时可用鼠标拉选多个控件，然后点此图标选择适当的对齐方式。,菜单编辑，可以增加菜单或改写菜单的内容。,m文件编辑，对所设计界面的m文件进行修改。,特性修改，对控件的属性进行修改。,对象浏览，查看对象集。,运行，对设计好的应用界面产生m文件和fig文件。,【例2】建立一个应用界面，可以选择不同的数据，用命令surf、mesh、contour作三种不同的图形。设计思路，首先要产生一个Popup Menu控件可以选择三种不同的数据。然后产生三个Push Botton按纽，分别命名为surf、mesh、contour。再拉出一个Axes控件让其显示图形。具体的设计草图见下。,(1) 将各种控件分别拉出，其中Push Botton只需拉出一个，然后点鼠标右键复制另两个使这三个控件大小一样。具体图形见下,(2) 对控件进行重排，用鼠标选中三个Push Botton，点选工具图标设置对齐方式和适当的间隔距离。见下图,这里选择水平对齐中的左对齐，间隔距离为20像素点，点ok即排列好了。 (3) 对控件设置属性，如点选第一个Push Botton，点鼠标右键进入属性设置Property Inspector，将String属性值改为Surf。其他两个类似操作。见下图,对Popup Menu进行属性设置，将String属性值改为三行，见下图,这样Popup Menu控件就有三种数据选择了。到目前为止我们的设计接近结束了。 (4) 点击运行图标，产生m文件，和fig文件。 (5) 对m文件进行添加，到目前为止我们已经有一个m文件，运行该文件可以产生界面了，但是控件还不能产生动作，如在Popup Menu控件中可以选择peaks但还不能产生数据，当选择peaks时它必须执行产生数据的MATLAB命令。这就是我们必须加到m文件中的一些执行命令了。以下程序为自动产生，这里删去了一些注释。粗体子为我们在每个按纽产生的子程序下加上去的程序，使每个按纽可以执行各自的任务。,见程序,if nargout varargout1:nargout = gui_mainfcn(gui_State, varargin:); else gui_mainfcn(gui_State, varargin:); end % End initialization code - DO NOT EDIT % - Executes just before exam392 is made visible. function exam392_OpeningFcn(hObject, eventdata, handles, varargin) % This function has no output args, see OutputFcn. % hObject handle to figure % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) % varargin command line arguments to exam392 (see VARARGIN) %以下红色字体子为加上的程序，该段程序产生三种不同的数据 handles.peaks = peaks(35); handles.membrane = membran