应用程序的界面设计.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，点选工具图标设置对齐方式和适当的间隔距离。见下图 *