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

智能推荐

JWT(Json Web Token)实现无状态登录_无状态token登录-程序员宅基地

文章浏览阅读685次。1.1.什么是有状态?有状态服务,即服务端需要记录每次会话的客户端信息,从而识别客户端身份,根据用户身份进行请求的处理,典型的设计如tomcat中的session。例如登录:用户登录后,我们把登录者的信息保存在服务端session中,并且给用户一个cookie值,记录对应的session。然后下次请求,用户携带cookie值来,我们就能识别到对应session,从而找到用户的信息。缺点是什么?服务端保存大量数据,增加服务端压力 服务端保存用户状态,无法进行水平扩展 客户端请求依赖服务.._无状态token登录

SDUT OJ逆置正整数-程序员宅基地

文章浏览阅读293次。SDUT OnlineJudge#include<iostream>using namespace std;int main(){int a,b,c,d;cin>>a;b=a%10;c=a/10%10;d=a/100%10;int key[3];key[0]=b;key[1]=c;key[2]=d;for(int i = 0;i<3;i++){ if(key[i]!=0) { cout<<key[i.

年终奖盲区_年终奖盲区表-程序员宅基地

文章浏览阅读2.2k次。年终奖采用的平均每月的收入来评定缴税级数的,速算扣除数也按照月份计算出来,但是最终减去的也是一个月的速算扣除数。为什么这么做呢,这样的收的税更多啊,年终也是一个月的收入,凭什么减去12*速算扣除数了?这个霸道(不要脸)的说法,我们只能合理避免的这些跨级的区域了,那具体是那些区域呢?可以参考下面的表格:年终奖一列标红的一对便是盲区的上下线,发放年终奖的数额一定一定要避免这个区域,不然公司多花了钱..._年终奖盲区表

matlab 提取struct结构体中某个字段所有变量的值_matlab读取struct类型数据中的值-程序员宅基地

文章浏览阅读7.5k次,点赞5次,收藏19次。matlab结构体struct字段变量值提取_matlab读取struct类型数据中的值

Android fragment的用法_android reader fragment-程序员宅基地

文章浏览阅读4.8k次。1,什么情况下使用fragment通常用来作为一个activity的用户界面的一部分例如, 一个新闻应用可以在屏幕左侧使用一个fragment来展示一个文章的列表,然后在屏幕右侧使用另一个fragment来展示一篇文章 – 2个fragment并排显示在相同的一个activity中,并且每一个fragment拥有它自己的一套生命周期回调方法,并且处理它们自己的用户输_android reader fragment

FFT of waveIn audio signals-程序员宅基地

文章浏览阅读2.8k次。FFT of waveIn audio signalsBy Aqiruse An article on using the Fast Fourier Transform on audio signals. IntroductionThe Fast Fourier Transform (FFT) allows users to view the spectrum content of _fft of wavein audio signals

随便推点

Awesome Mac:收集的非常全面好用的Mac应用程序、软件以及工具_awesomemac-程序员宅基地

文章浏览阅读5.9k次。https://jaywcjlove.github.io/awesome-mac/ 这个仓库主要是收集非常好用的Mac应用程序、软件以及工具,主要面向开发者和设计师。有这个想法是因为我最近发了一篇较为火爆的涨粉儿微信公众号文章《工具武装的前端开发工程师》,于是建了这么一个仓库,持续更新作为补充,搜集更多好用的软件工具。请Star、Pull Request或者使劲搓它 issu_awesomemac

java前端技术---jquery基础详解_简介java中jquery技术-程序员宅基地

文章浏览阅读616次。一.jquery简介 jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互 jQuery 的功能概括1、html 的元素选取2、html的元素操作3、html dom遍历和修改4、js特效和动画效果5、css操作6、html事件操作7、ajax_简介java中jquery技术

Ant Design Table换滚动条的样式_ant design ::-webkit-scrollbar-corner-程序员宅基地

文章浏览阅读1.6w次,点赞5次,收藏19次。我修改的是表格的固定列滚动而产生的滚动条引用Table的组件的css文件中加入下面的样式:.ant-table-body{ &amp;amp;::-webkit-scrollbar { height: 5px; } &amp;amp;::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box..._ant design ::-webkit-scrollbar-corner

javaWeb毕设分享 健身俱乐部会员管理系统【源码+论文】-程序员宅基地

文章浏览阅读269次。基于JSP的健身俱乐部会员管理系统项目分享:见文末!

论文开题报告怎么写?_开题报告研究难点-程序员宅基地

文章浏览阅读1.8k次,点赞2次,收藏15次。同学们,是不是又到了一年一度写开题报告的时候呀?是不是还在为不知道论文的开题报告怎么写而苦恼?Take it easy!我带着倾尽我所有开题报告写作经验总结出来的最强保姆级开题报告解说来啦,一定让你脱胎换骨,顺利拿下开题报告这个高塔,你确定还不赶快点赞收藏学起来吗?_开题报告研究难点

原生JS 与 VUE获取父级、子级、兄弟节点的方法 及一些DOM对象的获取_获取子节点的路径 vue-程序员宅基地

文章浏览阅读6k次,点赞4次,收藏17次。原生先获取对象var a = document.getElementById("dom");vue先添加ref <div class="" ref="divBox">获取对象let a = this.$refs.divBox获取父、子、兄弟节点方法var b = a.childNodes; 获取a的全部子节点 var c = a.parentNode; 获取a的父节点var d = a.nextSbiling; 获取a的下一个兄弟节点 var e = a.previ_获取子节点的路径 vue

推荐文章

热门文章

相关标签