GUI界面设计

界面最终效果图如下所示
学习小结

掌握图形用户界面设计工具,实现静态界面的设计

了解控件的常用属性

通过属性的设置可以实现复杂的功能

综合运用GUI工具和M函数文件完成更加灵活的界面设计
可有多种风格的界面。

设计草图
数值显示区 （参加计算的数值及计算结果） 数字按钮 （0～9十个数字及小数点）
代表+,-,*,/及 sin,cos, log, log10运算的按钮 开始计算及清零按钮
界面最终效果图如下所示
GUI学习实例2
利用GUI工具设计用户界面。该界面具有以下功能：
（1）在编辑框中，可输入表示阻尼比的标量或“行数组” 数值，并在按【enter】键后，在轴上画出相应的 蓝色曲线（坐标范围：X轴[0,15];Y轴[0,2])。 （2）在点击【Grid on】或【Grid off】键时，在轴上 画出或删除“分格线”；缺省时无分格线。 （3）在菜单【Options】下，有2个下拉菜单【Box on】和【Box off】；缺省时为Box off状态。 （4）所设计的界面和其上图形对象、控件对象都按比例缩放。
GUIDE工具建立GUI界面
Hale Waihona Puke Baidu
图形用户界面设计的方法

图形用户界面就是通过窗口、菜单、按钮、文字说明等对 象构成一个美观的界面，提供用户利用鼠标或键盘方便地 实现操作。 MATLAB可视化界面的设计一般有两种方法： 直接通过编辑M脚本文件产生GUI


通过MATLAB图形用户界面开发环境GUIDE来建立GUI界面
利用函数line()绘制三维线条
消息对话框
设计原则
1.简单性 设计界面时，应力求简捷、直观、清晰 地体现出界面的功能和特征。窗口数目尽
量少，力避不同窗口间来回切换；多采用
图形，少用数值；不要出现可有可无的功 能。
设计原则
2.一致性 两层含义：一指自己设计的界面风格要 尽量一致；二指新设计的界面要与其他已有 的界面风格要一致。一般习惯图形区在界面 左侧，控制区在右侧。


按构思的草图，上机制作静态界面；
编写界面动态功能程序。

常用控件
控件名 按钮
切换按钮 单选按钮 复选框 文本框
PropertyName PushButton
功能 最常用的控件，用于响应用户的鼠标单击，按钮上有说明文字说明 其作用。
ToggleButton 当单击时会凹凸状态切换。 RadioButton CheckBox EditText 当单击时会用黑白点切换，总是成组出现，多个单选按钮互斥，一 组中只有一个被选中。 当单击时会用 √ 切换，有选中、不选中和不确定等状态，总是成组 出现，多个复选框可同时选用。 凹形方框，可随意输入和编辑单行和多行文字，并显示出来。 用于显示文字信息，但不接受输入。 可以用图示的方式显示在一个范围内数值的大概值范围，用户可以 移动滚动条改变数值。 将一组控件围在框架中，用于装饰界面。 显示下拉文字列表，用户可以从列表中选择一项和多项。 相当于文本框和列表框的组合，用户可以从下拉列表中选择。 用于绘制坐标轴。
设计原则
3. 习常性 设计界面时，应尽量使用人们所熟悉 的标志和符号，便于用户使用。 4. 其他考虑因素 除了以上静态性能之外，还应注意界 面的动态性能：界面对用户操作的响应要
迅速、连续；对持续时间较长的运算要给
出等待时间提示，并允许用户中断运算。
一般制作步骤
界面制作包括界面设计和程序实现。

分析界面所要实现的主要功能，明确设计任务； 绘界面草图，注意从使用者的角度来考虑界面布局；
静态文本框 StaticText 滚动条 框架 列表框 Slider Frame ListBox
弹出式菜单 PopupMenu 坐标轴 Axes
GUI学习实例1
设计一个GUI，实现计算器的功能
步骤一：界面功能分析 该计算器能完成数字的四则运算及部分常用的科学计算， 如sin,cos,log等。 步骤二：绘界面草图