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


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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Zhuwany/article/details/124318215

智能推荐

vue引入原生高德地图_前端引入原生地图-程序员宅基地

文章浏览阅读556次,点赞2次,收藏3次。由于工作上的需要,今天捣鼓了半天高德地图。如果定制化开发需求不太高的话,可以用vue-amap,这个我就不多说了,详细就看官网 https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install然而我们公司需要英文版的高德,我看vue-amap中好像没有这方面的配置,而且还有一些其他的定制化开发需求,然后就只用原生的高德。其实原生的引入也不复杂,但是有几个坑要填一下。1. index.html注意,引入的高德js一定要放在头部而_前端引入原生地图

ViewGroup重写大法 (一)-程序员宅基地

文章浏览阅读104次。本文介绍ViewGroup重写,我们所熟知的LinearLayout,RelativeLayout,FrameLayout等等,所有的容器类都是ViewGroup的子类,ViewGroup又继承View。我们在熟练应用这些现成的系统布局的时候可能有时候就不能满足我们自己的需求了,这是我们就要自己重写一个容器来实现效果。ViewGroup重写可以达到各种效果,下面写一个简单的重写一个Vi..._viewgroup 重写

Stm32学习笔记,3万字超详细_stm32笔记-程序员宅基地

文章浏览阅读1.8w次,点赞279次,收藏1.5k次。本文章主要记录本人在学习stm32过程中的笔记,也插入了不少的例程代码,方便到时候CV。绝大多数内容为本人手写,小部分来自stm32官方的中文参考手册以及网上其他文章;代码部分大多来自江科大和正点原子的例程,注释是我自己添加;配图来自江科大/正点原子/中文参考手册。笔记内容都是平时自己一点点添加,不知不觉都已经这么长了。其实每一个标题其实都可以发一篇,但是这样搞太琐碎了,所以还是就这样吧。_stm32笔记

CTS(13)---CTS 测试之Media相关测试failed 小结(一)_mediacodec框架 cts-程序员宅基地

文章浏览阅读1.8k次。Android o CTS 测试之Media相关测试failed 小结(一)CTSCTS 即兼容性测试套件,CTS 在桌面设备上运行,并直接在连接的设备或模拟器上执行测试用例。CTS 是一套单元测试,旨在集成到工程师构建设备的日常工作流程(例如通过连续构建系统)中。其目的是尽早发现不兼容性,并确保软件在整个开发过程中保持兼容性。CTS 是一个自动化测试工具,其中包括两个主要软件组件:CTS tra..._mediacodec框架 cts

chosen.js插件使用,回显,动态添加选项-程序员宅基地

文章浏览阅读4.5k次。官网:https://harvesthq.github.io/chosen/实例化$(".chosen-select").chosen({disable_search_threshold: 10});赋值var optValue = $(".chosen-select").val();回显1.设置回显的值$(".chosen-select").val(“opt1”);2.触发cho..._chosen.js

C++ uint8_t数据串如何按位写入_unit8_t 集合 赋值 c++-程序员宅基地

文章浏览阅读1.9k次。撸码不易,网上找不到,索性自己写,且撸且珍惜!void bitsWrite(uint8_t* buff, int pos, int size, uint32_t value){ uint32_t index[] = { 0x80000000, 0x40000000, 0x20000000, 0x10000000, 0x8000000, 0x4000000, 0x2000000, 0x1000000, 0x800000, 0x400000, 0_unit8_t 集合 赋值 c++

随便推点

Javaweb框架 思维导图_javaweb框架图-程序员宅基地

文章浏览阅读748次。javaweb知识点_javaweb框架图

adb的升级与版本更新_adb iptabls怎么升级-程序员宅基地

文章浏览阅读1.1w次,点赞3次,收藏16次。adb是没有自动升级的命令的,如果想要更新adb的版本,我们可以在网上找到自己想要的版本进行更新给大家提供几个版本https://pan.baidu.com/s/1yd0dsmWn5CK08MlyuubR7g&shfl=shareset 提取码: 94z81、下载解压后我们可以找到下面几个文件,并复制2、找到adb安装的文件夹下的platform-tools文件夹,我这里是..._adb iptabls怎么升级

微信苹果版删除所有的聊天记录的图文教程_mac微信怎么删除聊天列表-程序员宅基地

文章浏览阅读3.8k次。很多用户可能都知道怎么在Windows系统上删除微信的聊天记录,那么苹果电脑上的微信软件怎么删除所有的聊天记录呢?下面小编就专门来给大家讲下微信mac版删除所有的聊天记录的图文教程。点击后会弹出提示窗口,点击这里的确认按钮就可以将其清理掉了。在这里选择要清理的数据,然后点击下方右边的清理按钮就行了。在mac上打开微信后,点击左下角的横线图标。然后再点击这里的管理微信聊天数据按钮。打开了设置窗口,点击上方的“通用”。在这里点击下方的前往清理按钮。点击弹出菜单里的“设置”。_mac微信怎么删除聊天列表

【报错笔记】数据类型转换时报错:Request processing failed;nested exception is java.lang.NumberFormatException:..._request processing failed; nested exception is jav-程序员宅基地

文章浏览阅读7.7k次。数据类型转换时报错:Request processing failed;nested exception is java.lang.NumberFormatException:For input String “20151512345”报错原因:数字格式异常,接着后面有 For input string: “201515612343” 提示,这就告诉我们你当前想把 “201515612343” 转换成数字类型时出错了。解决方案:使用2015151612343这个数字太大了,所以直接使用string_request processing failed; nested exception is java.lang.numberformatexcepti

qml 自定义消息框_Qt qml 自定义消息提示框-程序员宅基地

文章浏览阅读387次。版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/a844651990/article/details/78376767Qt qml 自定义消息提示框QtQuick有提供比较传统的信息提示框MessageDialog,但是实际开发过程并不太能满足我们的需求。下面是根据controls2模块中..._qml 自定义 messagedialog

Redis.conf 默认出厂内容_默认出厂的原始redis.conf文件全部内容-程序员宅基地

文章浏览阅读599次。# Redis configuration file example.## Note that in order to read the configuration file, Redis must be# started with the file path as first argument:## ./redis-server /path/to/redis.conf # Note on units: when memory size is needed, it is pos._默认出厂的原始redis.conf文件全部内容

推荐文章

热门文章

相关标签