资源描述:
《应用程序的界面设计》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、应用程序的界面设计MATLAB中提供了图形界面控件uicontrol函数,可以让我们很方便地产生各种典型的windows控件,如按钮、编辑框、选择框等等。结合我们的专业计算就可以编写出容易使用和演示的计算界面了。例如:一、控件产生函数uicontrol制作界面在上图的界面中可以看到各种控件,如Resample按钮,可以按当前所设随机数和当前的参数即均值和方差重新进行抽样。如Mu和Sigma控件仅仅是显示当前的参数。滑块控件可以改变Mu和Sigma的值。所有控件都是用uicontrol函数产生。uicontrol命令的语法为:handle=uicontrol(parent)hand
2、le=uicontrol(...,'PropertyName',PropertyValue,...)该命令在一个父界面下创建各种不同类型的控件,其中PropertyName为该控件的各种特性的名字,如最重要的控件属性为style。PropertyValue:特性的值,如style属性的某个sliders表示控件style为滑块。Style可取的值见下表style的值其他常用参数名(PropertyName)及其值【例1】建立一个简单的界面,有两个控件,一个是选择控件,一个是按纽控件。选择控件对作图函数peaks的图形进行四种颜色的选择,按纽控件清除图形。首先建立一个m函数,函数名
3、为setmat.m并存放在当前目录中。peaksval=get(hpop,'Value');ifval==1colormap(hsv)elseifval==2colormap(hot)elseifval==3colormap(cool)elseifval==4colormap(gray)end该函数可按界面的选择对图形选择不同的颜色。下面我们编写产生界面的程序。%产生按纽控件,控件上的文字为Clear,设置大小和位置,调用清图命令claH=uicontrol('Style','pushbutton','String','Clear',...'Position',[20501003
4、0],'Callback','cla');%产生选择按纽控件,其中String有四种颜色选择,调用m文件setmathpop=uicontrol('Style','popup','String','hsv
5、hot
6、cool
7、gray',...'Position',[2032010050],'Callback','setmat');运行该程序结果见下图二、利用可视化方法进行界面设计利用界面产生函数uicontrol可以方便地编程产生应用界面,但是当界面比较复杂时,如某界面有很多不同类型的控件,控件之间的合理放置,大小的比例等等设计用手工编程的方法相当麻烦。MATLAB提供了一个可视
8、化编程的界面,只要在该界面的控件工具窗口中选中某一个控件,并在工作窗口上用鼠标拉出该控件的合适大小和位置,该控件的一些属性就确定下来了。当我们认为界面设计的满意后,选择保存,则系统将按给出的文件名产生了两个文件,一个是产生该界面的m文件,一个是界面的框架fig文件。然后对m文件加一些调用函数,就可以产生一个“活”的界面应用程序了。其命令为guide,我们可以通过help功能查询更详细的资料。在命令窗口中输入命令guide,可以看到如下可视化界面:对齐方式,界面设计时可用鼠标拉选多个控件,然后点此图标选择适当的对齐方式。菜单编辑,可以增加菜单或改写菜单的内容。m文件编辑,对所设计界
9、面的m文件进行修改。特性修改,对控件的属性进行修改。对象浏览,查看对象集。运行,对设计好的应用界面产生m文件和fig文件。【例2】建立一个应用界面,可以选择不同的数据,用命令surf、mesh、contour作三种不同的图形。设计思路,首先要产生一个PopupMenu控件可以选择三种不同的数据。然后产生三个PushBotton按纽,分别命名为surf、mesh、contour。再拉出一个Axes控件让其显示图形。具体的设计草图见下。(1)将各种控件分别拉出,其中PushBotton只需拉出一个,然后点鼠标右键复制另两个使这三个控件大小一样。具体图形见下(2)对控件进行重排,用鼠标
10、选中三个PushBotton,点选工具图标设置对齐方式和适当的间隔距离。见下图这里选择水平对齐中的左对齐,间隔距离为20像素点,点ok即排列好了。(3)对控件设置属性,如点选第一个PushBotton,点鼠标右键进入属性设置PropertyInspector,将String属性值改为Surf。其他两个类似操作。见下图对PopupMenu进行属性设置,将String属性值改为三行,见下图这样PopupMenu控件就有三种数据选择了。到目前为止我们的设计接近结束了。(4)点击运行图标