小言_互联网的博客

MATLAB App Designer GUI开发从0到1(一)

551人阅读  评论(0)


前言

图形用户界面(GUI)也称为应用程序,提供对软件应用程序的点击控制,从而无需其他人来学习语言或键入命令来运行该应用程序。您既可以共享应用程序以供在MATLAB中使用,也可以共享为独立的桌面或Web应用程序。
之前大部分都是用guide来做界面,但现在出现啦APPdesigner工具,而且guide马上就要被淘汰了,所以我这里选择了用APPdesigner来做。但APPdesigner社区确实有点小,都找不到多少教程,官网上的教程实例确实不太适合小白,,,

为了让朋友们有学习参考的资料,小白我决定好好摸索一番,为大家尽一点绵薄之力。

本篇文章是自己随学随写的,有疏漏和错误之处还望指出。


一、APPdesigner入门介绍

首先在命令行输入appdesigner,打开APPdesigner工具箱界面,这里还算是比较人性化的,他给了很多实例,还有教程,还可以嵌入自己的HTML。可以打包成桌面app和web app,肯定比之前的guide好用。

里面东西很多,现在刚开始学,先打开里面的界面看看吧!!新建一个空白APP。

  • 左边有很多MATLAB之前就设置好的UI组件,可以直接拖动到画布上使用。
  • 中间可以看设计视图和代码。代码区有很多是灰色的代码,那是你不能改动的,因为改了按钮啥的都会变。我们可以修改回调函数这种的,当然大部分代码都是可以修改的。
  • 最右边是组件浏览器,可以查看编并辑组件的属性。直接修改会方便很多,不用我们写代码了,这我真的爱了。

二、GUI中的Hello World

我们的目标是点击ok按钮,在文本狂里输出Hello World。

这里我们将文本区域和按钮拖进来,并且改了下按钮的文本框,还有颜色啥的,这些在组件浏览器里很容易找到的。

右键ok按钮,找到回调函数的位置。

可以看到这个地方他是白色的了,这是我们可以编辑写回调函数的区域。
这个页面右面多了代码浏览器,具体功能以后用到再说吧!!!


在白色区域添加这段代码

app.TextArea.Value='hello world';

这个函数的作用就是,当我们点击OK按钮时,app.TextArea这个文本框显示’hello world’

点击运行,可以看到结果如图:

三、小小计算器

这里先拖进一个数值框,
这里我们修改了他的title为a,然后调整到我们想要的大小,按着ctrl 移动这个按钮就可以复制,这里我们就复制了三个a数值框,当然另外两个的title是要修改的。

这里我们可以将所有的框啥的都选上,然后上面可以调整,水平和垂直应用,左右对齐方式自己试试就知道了。

和上次一样,我们来设置回调函数。


在该函数中我添加了这些代码,就是a等于a那个数值框的输入值,b为b那个,c=ab,c这个框的值就是ab;

四、打包app

这里我们需要将面板拖到视图里,然后将我们之前弄的东西放到面板里


这里我加了个标签,改了下颜色。


在这里我们可以打包程序。我们先选择第一种打包方式。

这里打包的名称不能是中文,选择好地址,点击打包就行了。


这里我们选择安装app,然后找到我们打包app 的地址,生成app就好了。

这个就是我们生成的app,打开试试效果


很基础的小白入门教程了,后续会在这个专栏推出更多深入的教程,希望对大家有所帮助。


转载:https://blog.csdn.net/weixin_45755332/article/details/108024035
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场