Matlab系列之GUI设计基础

简介

GUI即图形用户界面(Graphical User Interface),人机交互的一种方式,可以简化用户的操作,比如只需要点点窗口上的按键或者菜单选择等等,就可以实现一个复杂的功能,有点类似黑盒的操作吧。

本篇将主要介绍GUI的使用,以及一些功能,后续的篇章再使用GUI来设计实例。

打开GUI可以在Matlab命令窗口输入:guide,就可以打开GUIDE的界面,也可以从主页窗口新建菜单中找到GUIDE,同时发现,还有个App Designer的选项,这个是R2016A版本开始推出的一个GUIDE的替代品,有新的组件,也更容易上手,不过只支持有限的2D图形,所以相对GUIDE还是有些不足,但是学了GUIDE再去操作App Designer显然是更轻松的一件事。

image-20210621200210249

编辑界面

选择上述的两种方法之一,打开GUIDE,弹出的窗口如下,选择对应的模板都会在右边看到相应的预览。

image-20210621200706976

新建GUI下对应的四个模板描述:

Blank GUI(Default):空白的GUI界面
GUI with Uicontrols:带有界面控件的GUI
GUI with Axes and Menu:带有坐标轴和菜单的GUI
Model Question Dialog:提问对话框模板

在下方把白框勾上,就可以改变存放文件的路径,接下来开始操作,选择Blank GUI,然后指定好存放的位置并命名,点确定即可;完成后,会出现对应的空白窗口(*.fig)以及一个同名字的M文件【**注:**不可更改为不一致的文件名,否则运行要出错】

image-20210621201519363

在窗口的左边的小图标,称为控件面板,各个小图标即控件;上方的菜单啥的就是一些快捷按钮了,把鼠标放到上方就会出现对应的功能描述,具体就不介绍了,等下设计实例的时候看下使用效果就懂意思了;然后都是空白框框的地方,就是布局工作区,即组件将要放置的位置。

菜单设计

菜单几乎包含了应用程序所有的功能,点击界面上方的菜单编辑器快捷键,就可打开对应的窗口

image-20210621202325741

菜单编辑器中有:新建菜单、新建菜单项、新建上下文菜单,然后四个移动选定项的箭头以及删除选定项的按钮。

image-20210621202553813

选中Untitled 1然后点击新建菜单项,就会在此菜单下新建子菜单,那四个箭头可以改变菜单之间的排列关系

image-20210621202919850

选中Untitled 2,勾选右侧的”在此菜单项前添加选中标记“;选中Untitled 3,勾选”分隔符位于此菜单项上“

然后点确定,回到GUI窗口,点击上方绿色的小三角,”运行图形“快捷键,如果弹出要你保存之类的提示,点确定就好,出现运行的结果,箭头所指的就对应刚刚勾选的功能子标题对应的属性

image-20210621203557508

在菜单编辑器中还有个上下文菜单,这个是相当于给组件添加右键菜单的,先在编辑器中创建好菜单

image-20210621204511389

然后回到GUI窗口,拖个按钮控件到工作区举例

image-20210621204729128

这时候按钮还未赋予右键菜单的能力,先右键找到属性检查器并打开,将UIContextMenu的选项None改为刚刚创建的菜单”Untitled 4“,即赋予了该按钮右键菜单是Untitled 4,然后直接点右上角的X关闭属性检查器

image-20210621204957125

这时候回到GUI窗口,运行图形,在出现的界面,在按钮上右键,弹出Untitled 4下5和6的菜单选项

image-20210621205110307

控件设计

控件描述

本部分对刚刚GUI窗口左边的控件进行简单介绍以及使用,从上到下,从左往右的顺序介绍,如果介绍的不太对……,就自行操作下吧~很好理解其作用的

个人理解

控件名 作用 控件名 作用 控件名 作用
选择image-20210622223144741 指示控件的选中状态,并不算是一个功能控件 可编辑文本image-20210622223530799 可在其内输入文本 image-20210622223605641 创建表用户界面组件
按钮image-20210622223503260 鼠标单击后触发相应的操作 静态文本image-20210622223538398 用于显示特定的文本标识 坐标轴image-20210622223616185 创建笛卡尔坐标区,可以在其中画二维或三维的图
滑动条image-20210622223510174 类似一个开关,两种不同操作的切换 弹出式菜单image-20210622223547476 单击后,出现选项清单以供选择 面板image-20210622223622058 创建面板容器对象,将控件分组,划区
单选按钮
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值