图形用户界面GUI设计.ppt

《图形用户界面GUI设计.ppt》由会员分享，可在线阅读，更多相关《图形用户界面GUI设计.ppt（14页珍藏版）》请在装配图网上搜索。

1、图形用户界面GUI设计,随着Windows等图形化操作系统的出现，计算机的使用者不再需要从键盘输入繁琐的操作命令，而是仅用鼠标点击就可以完成对计算机的操作，人机界面变得友好且易于应用。从此，图形化的用户界面(Graphics User Interface, GUI)成为应用程序的发展方向。 MATLAB提供了强大的GUI设计功能，用MATLAB开发的应用程序也可以很方便地实现图形化的用户界面。,GUIDE GUI Development Environment .fig 布局代码存储为图形文件 .m 调用函数存储为m文件 6.1.1 GUIDE的启动 6.1.2 布局区 6.1.3 控件栏 6

2、.1.4 菜单和工具栏 示例,6.1 图形用户界面开发环境 GUIDE,6.2 常用的uicontrol,本节只介绍几种常用的用户控件及其重要属性的设置方法，其它控件的用法在 6.3 节的GUI设计实例中体现。 6.2.1 Push Button按钮 Push Button控件显示为带有文字标识的矩形按钮，用户使用鼠标点击时会显示出“按下”和“释放”两种效果。 Push Button控件的属性主要有以下几种： Tag控件标识（字符串），与控件一一对应的名称，任何程序均可通过此标识来控制该控件。,在同一GUI中各个控件的 Tag 属性互不相同。在布局区添加控件时，同类型控件的Tag属性默认为：控

3、件名后跟顺序编号，因此不会出现雷同的情况。 图6-4设计的GUI中先后放置了2个Push Button，它们的Tag属性分别为：pushbutton1和pushbutton2。根据Push Button的不同功能，也可以给它们设置更有可读性的Tag属性，如2个Push Button分别作为不同绘图功能的切换按钮，可将它们的Tag属性分别设为：peaks_button和membrane_button。Tag属性不影响控件的外观显示。, String控件外观显示（字符串），在同一GUI 中各个控件的 String 属性可以相同，同类型控件的 String 属性默认为：控件名。根据Push Butt

4、on 的功能可以给它们设置更有可读性的 String 属性，如：将图6-4的GUI中2个Push Button的 String 属性设置为Draw Peaks 和 Draw LOGO。 Fontname字体（字符串）。 Fontsize字号（double）。 Callback回调函数（字符串，一般为M文件名或MATLAB指令）是用户点击Push Button控件时所执行的操作，它决定了Push Button控件的功能。,编写回调函数是设计GUI的工作量最大的一部分内容。在布局编辑器中选中一个Push Button控件后。用鼠标右击，即进入可编写回调函数的M文件 。 此M文件与GUI布局文件同名

5、，文件中的整体框架已经存在，只是回调函数部分为空。Tag属性为peaks_button和membrane_button的控件的Callback函数分别为peaks_button_Callback和membrane_button_Callback。 演示,6.2.2 Static Text静态文本 用来显示固定不变的标题或用来显示运算结果，是仅有输出功能的控件。对用户来说不能用它向计算机输入数据，用户的鼠标点击也不会对它产生任何作用。 Static Text的属性设置很简单，主要有Tag、String、Fontsize等。 显示运算结果的方法：将运算结果转换成字符串,再用set指令将该字符串设置

6、为Static Text的String属性值。 输出的数据存储在double型变量a中，将变量a的值显示在Static Text上（设该Static Text控件的Tag属性为text1）： set ( handles. text1, String ,num2str(a) ),6.2.3 Edit Text 可编辑文本 既能用来显示输出，又能接受用户的键盘输入，是具有双重功能的控件。Edit Text的属性设置与Static Text类似，只是由于用户的键盘输入，不同的时刻读取 Edit Text 的String 属性值时会有不同的结果。 读取用户输入数据的常用指令为： t = str2dou

7、ble (get ( handles.edit1, String ) ) 函数get读取 Edit Text 控件（设其Tag属性为edit1）的String 属性值，读回的结果为字符串。再用 str2double 函数将其转换为double型数据，赋值给变量 t 。,6.2.4 Slider 滑动条 Slider 的外观为条形，两侧有箭头，中间有可用鼠标拖动的滑块，用户可以用鼠标点击箭头或随意拖动滑块来输入数据。 除了基本属性外，Slider 控件的与其输入数据功能相关的属性有以下几种： Max和Min输入数据的上下限(double)，即滑块处于滑动条两端时代表的值，默认值为0.01.0。

8、Value当前值(double)，与滑块的当前位置对应，是Slider最重要的属性。可以读取Value属性来获得用户的输入数据，也可以设置Value属性来更改滑块位置。默认的滑块位置为滑动条的正中，Value为(MaxMin)/2。, Sliderstep步长(12 double array)，2个元素分别为箭头和滑块操作滑动条时的步长。默认值为0.01 0.1，即箭头和滑块操作时的步长分别为 1%(MaxMin) 和10%(MaxMin)。如果第2个元素滑块步长设定值减小，用鼠标拖动输入数据的分辨率提高，滑块的外观尺寸也会相应减小。 读取用户输入数据的常用指令为： a = get ( han

9、dles.slider1, Value ),6.2.5 Listbox 列表框 为限定性输入控件，在长方形文本显示区将所有选项都显示出来，用户点击选择其中的某一行或几行。 Listbox的主要属性有： String控件外观显示（多行字符串）。 Max最大可选项目数（正整数），默认值为1。当Max2时，用户可用【Ctrl】键加鼠标单击来选中多项内容。 Value当前选取值（正整数行向量），其元素对应着被选中项的序号。 Listbox 的输入常用以下指令读取： a = get ( handles.list1, Value ),6.3 GUI设计实例,6.3.1 自制的调色板 【例6-3-1】设计一个简单的调色板：绘制一个三维图形后，可以通过滑动条灵活配置曲面的RGB三种颜色。 6.3.2 音乐播放器 【例6-3-2】 6.3.3 学生成绩查询系统 【例6-3-3】设计一个学生成绩查询系统：某班级有15名学生，学号为115。共有8个科目的成绩可供查询，每次查询可选定1个学生的几门成绩，将各科成绩显示出来。,6.3.4 正弦波合成器 【例6-3-4】设计一个正弦波合成器：输入3种正弦波的频率值，绘制出它们合成后的波形图 。,