matlab 手册_项目功能分解6:MATLAB移植html模板,达到美化GUI界面的效果。

8994232784e981ee910a124430b4c15e.png

工具:MATLAB 2019b,使用app designer构建界面。

app designer与guide的区别是什么:相比于GUIDE,appdesigner更完善,扩展性高,美观程度还要看使用者水平。

有guide基础学习app designer是不是很容易:是。

这次介绍一下app designer的一个比较有意思的功能,有兴趣可以试一下。

1.打开app designer,新建项目,将左侧html控件拖进来。(没有这个控件的,可以下载2019b及以后版本)

b93a33f0cb00f5e34041909efdb6a639.png

2.在网上下载一个html模板,我这里下了一个比较简单的菜单,效果如下图所示,html+js+css可以做到MATLAB无法做到的效果。

de63a585092c7b7fd750e75735c86f5f.gif

3.将文件中html文件路径添加到MATLAB html source

c44a97015102212b2c714ae40d64f969.png

4.运行看一下效果:

cabceed5163a4e21bcfb36db9179681e.gif

添加一些控件:

319db3bc59384dda00ed5756c1cd9c90.gif

6.将html文件修改参数后添加到自己的gui界面上,达到下方效果:

e0ae738ad653952ee44ac295429854bd.gif

0f03c25b48d2d49e6072e35d0fc25621.gif

最后,如何修改html文件代码以后有机会详细解释。有兴趣可以仔细研究MATLAB官方给的例子,网上资料很少。

不需要精通html js语言,因为我会几个就行了,一招鲜吃遍天。

7f53cf246c5b69cfdb90d845632f0b43.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值