MATLAB Appdesigner开发独立桌面App全流程（三）：App的简单美化、打包、安装及卸载_matlab2016b如何安装app designer-程序员宅基地

技术标签： matlab ui 个人开发 MATLAB Appdesigner开发独立桌面应用程序

1.美化控件和界面

在功能控件开发完成后，我们需要将界面美化，添加一些图片、色彩、标签等提升用户体验。一般美化控件的方式有调整背景颜色、改变控件显示的字体、改变字体大小、拖拽控件进行布局。这些都较为简单，在上面几节的介绍中，我们可以看到在控件中基本都有这样的属性，可以让我们在Appdesigner中直接修改。在这里，我仅仅介绍如何给我们的App添加图片和图标。

1.在控件树中找到“图像”控件，将其拖拽进画布，如下图所示：

在这里插入图片描述
2.在属性中，我们可以看到“ImageSource”后面的“浏览”字样。单击该按钮，弹出如下界面：

3.选中我们想要的图片，然后点击“打开”，效果如下：

这样，一个图片就添加好了。同样，我们可以添加多个图片来装饰我们的App界面。

4.给控件添加一些美化元素（以按钮为例）——单击选中一个按钮控件，在右侧属性栏中找到“Icon”属性：
在这里插入图片描述
与添加图片的方式一样，我们将我们制作好的图片选中，添加到“Icon”的路径当中。效果如下所示：

蓝色的下拉框中，我们可以选择Icon在整个按钮控件中的位置。

5.排版和美化后，我们运行App，效果如下所示：
在这里插入图片描述
这个例子比较简单，所以整个UI界面看起来还是相对比较简陋。读者可以根据自己项目中控件的数量、功能和画面布局，做出功能强大、界面精美的App。

2.封装打包

当我们完成所有的开发工作后，接下来就要封装打包了。

1.按如下路径依次点击：“设计工具” $\rightarrow$ “共享” $\rightarrow$ “独立桌面App”，如下图所示：
在这里插入图片描述
2.点击后，弹出如下界面：

3.选择“Runtime included in package”，将Runtime一并打包到软件包当中（MATLAB App需要依靠Runtime才能运行）；左侧和右侧分别为软件的图标和软件启动界面的图像。读者可以使用自己制作的Logo和Icon。选好之后，点击“Package”，界面如下：
在这里插入图片描述
4.等待打包完成即可。打包完成的界面如下：

3.安装

1.找到刚才我们打包好的文件夹并打开，如下图所示：
在这里插入图片描述
2.点开上面红框中的文件夹：

3.双击“MyAppInstaller_mcr.exe”打开，进入安装程序：

4.点击“下一步”，进入如下界面：

该界面是让用户选择软件的安装位置。在上图中点击“浏览”，选择想要安装的位置。注意，在这个地方，强烈建议读者新建一个空白文件夹，将软件安装在该文件夹中。否则，在卸载时，卸载程序会将安装文件夹中的所有文件全部删除。然后点击“下一步”。

5.进入如下界面：
在这里插入图片描述
该界面让用户选择“MATLAB Runtime”的安装位置。由于我的电脑已经安装了Runtime，所以会提示“已安装在以下位置”；读者的电脑若还未安装过Runtime，则选择安装路径后，点击“下一步”即可。

6.然后进入如下界面：
在这里插入图片描述
这个界面让用户确认安装位置是否正确，避免选错路径。确认正确后，点击安装即可。

7.安装完成：
在这里插入图片描述

3.运行软件

1.安装完成后，在桌面上找到软件的快捷方式：
在这里插入图片描述
2.双击图标，即可打开软件：

可以看到，软件的各个部分功能正常运行。至此，我们就走完了使用MATLAB开发独立桌面应用程序的全流程。

4.卸载软件

1.找到我们安装软件的文件夹并打开：
在这里插入图片描述
2.打开上图红框中圈出的“uninstall”文件夹：

3.打开“bin”文件夹：

4.打开“win64”文件夹：

5.找到“Uninstall_Application.exe”，双击运行。运行完成后，软件从我们的电脑中移除：
在这里插入图片描述

可以看到，刚才我新建的用来安装软件的“Test”文件夹被全部删除。所以，在此处再次强烈建议读者新建空白文件夹来安装软件，避免卸载后其他重要资料被删除！！！（都是血泪）

至此，我们就完成了MATLAB开发独立桌面App的整个过程。Appdesinger常用的功能基本都在笔者所写的三篇博客当中。按照这样的流程，笔者为自己的小项目开发的App效果如下：

MATLAB Appdesinger开发独立桌面上位机App

该系列完结~希望各位大佬交流指导！

本文链接：https://blog.csdn.net/Zhuwany/article/details/124318215

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux devkmem 源码,linux dev/mem dev/kmem实现访问物理/虚拟内存-程序员宅基地

文章浏览阅读451次。dev/mem: 物理内存的全镜像。可以用来访问物理内存。/dev/kmem: kernel看到的虚拟内存的全镜像。可以用来访问kernel的内容。调试嵌入式Linux内核时，可能需要查看某个内核变量的值。/dev/kmem正好提供了访问内核虚拟内存的途径。现在的内核大都默认禁用了/dev/kmem，打开的方法是在 make menuconfig中选中 device drivers --> ..._dev/mem 源码实现

vxe-table 小众但功能齐全的vue表格组件-程序员宅基地

文章浏览阅读7.1k次，点赞2次，收藏19次。vxe-table，一个小众但功能齐全并支持excel操作的vue表格组件_vxe-table

（开发）bable - es6转码-程序员宅基地

文章浏览阅读62次。参考：http://www.ruanyifeng.com/blog/2016/01/babel.htmlBabelBabel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item..._让开发环境支持bable

FPGA 视频处理 FIFO 的典型应用_fpga 频分复用视频-程序员宅基地

文章浏览阅读2.8k次，点赞6次，收藏29次。摘要：FPGA视频处理FIFO的典型应用，视频输入FIFO的作用，视频输出FIFO的作用，视频数据跨时钟域FIFO，视频缩放FIFO的作用_fpga 频分复用视频

R语言：设置工作路径为当前文件存储路径_r语言设置工作目录到目标文件夹-程序员宅基地

文章浏览阅读575次。【代码】R语言：设置工作路径为当前文件存储路径。_r语言设置工作目录到目标文件夹

background 线性渐变-程序员宅基地

文章浏览阅读452次。格式：background: linear-gradient(direction, color-stop1, color-stop2, ...);<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner>] ,]? &l..._background线性渐变

随便推点

【蓝桥杯省赛真题39】python输出最大的数中小学青少年组蓝桥杯比赛算法思维python编程省赛真题解析-程序员宅基地

文章浏览阅读1k次，点赞26次，收藏8次。第十三届蓝桥杯青少年组python编程省赛真题一、题目要求（注：input（）输入函数的括号中不允许添加任何信息）1、编程实现给定一个正整数N，输出正整数N中各数位最大的那个数字。例如:N=132，则输出3。2、输入输出输入描述：只有一行，输入一个正整数N输出描述：只有一行，输出正整数N中各数位最大的那个数字输入样例：

网络协议的三要素-程序员宅基地

文章浏览阅读2.2k次。一个网络协议主要由以下三个要素组成：1.语法数据与控制信息的结构或格式，包括数据的组织方式、编码方式、信号电平的表示方式等。2.语义即需要发出何种控制信息，完成何种动作，以及做出何种应答，以实现数据交换的协调和差错处理。3.时序即事件实现顺序的详细说明，以实现速率匹配和排序。不完整理解：语法表示长什么样，语义表示能干什么，时序表示排序。转载于:https://blog.51cto.com/98..._网络协议三要素csdn

The Log: What every software engineer should know about real-time data's unifying abstraction-程序员宅基地

文章浏览阅读153次。主要的思想，将所有的系统都可以看作两部分，真正的数据log系统和各种各样的query engine所有的一致性由log系统来保证，其他各种query engine不需要考虑一致性，安全性，只需要不停的从log系统来同步数据，如果数据丢失或crash可以从log系统replay来恢复可以看出kafka系统在linkedin中的重要地位，不光是d..._the log: what every software engineer should know about real-time data's uni