MATLAB App Designer GUI开发从0到1(实战篇)

MATLAB App Designer GUI开发从0到1(实战篇)_第1张图片

app功能

最终界面如上所示,实现图像文件的读取、显示、以及灰度处理再显示的功能。

界面布局

MATLAB App Designer GUI开发从0到1(实战篇)_第2张图片
这里是加入了四个面板
MATLAB App Designer GUI开发从0到1(实战篇)_第3张图片
这是三个状态按钮
MATLAB App Designer GUI开发从0到1(实战篇)_第4张图片
两个坐标区

MATLAB App Designer GUI开发从0到1(实战篇)_第5张图片
上面是编辑字段,下面是文本区域

MATLAB App Designer GUI开发从0到1(实战篇)_第6张图片

调试代码

读取图像

该模块的功能是读取图像,在这两个区域里显示图像信息。一个是显示图像的位置,下面那个是成功读取
MATLAB App Designer GUI开发从0到1(实战篇)_第7张图片

在浏览按钮中添加回调函数
MATLAB App Designer GUI开发从0到1(实战篇)_第8张图片
函数如所示,其具体用法已经标注,这里不贴源码,自己打一遍才能加深印象。

这里有一个自己写的函数,在下面有写。
MATLAB App Designer GUI开发从0到1(实战篇)_第9张图片

创建新函数

该函数的作用就是 ,在最下面的文本框里显示一些信息,如正确打开,打开失败等。

这里设置的是每五行刷新一次文本框内容。

如下,新建一个私有函数。
MATLAB App Designer GUI开发从0到1(实战篇)_第10张图片
MATLAB App Designer GUI开发从0到1(实战篇)_第11张图片

图像显示模块

与上面一样添加回调函数,代码如下所示,可以将图片放到坐标框里。

MATLAB App Designer GUI开发从0到1(实战篇)_第12张图片

显示灰度化后的图片

对输出图像的坐标图添加回调函数,然后输入以下代码
MATLAB App Designer GUI开发从0到1(实战篇)_第13张图片

测试

点击运行,测试选择图片,加载图片,看功能是否正常。
MATLAB App Designer GUI开发从0到1(实战篇)_第14张图片

打包

MATLAB App Designer GUI开发从0到1(实战篇)_第15张图片
MATLAB App Designer GUI开发从0到1(实战篇)_第16张图片

你可能感兴趣的:(MATLAB,GUI开发,MATLAB,app,gui)