1、首先让我们随便做出一个动态的模型来, 这里我们对图片将指定的图像效果作用到一张非常著名的图片上, 其中效果包括素描, 浮雕, 优化, 模糊等等. 下面就是我们的代码与生成的模型:
![Mathematica数据可视化:[19]模型界面的美化1](https://exp-picture.cdn.bcebos.com/ff5c88d818196120c60cdada70f202b374d7df15.jpg)
2、来吧从最显而易见的地方入手, 我们的第一个感觉就是模型的比例不合适, 高要比宽多得多, 那这样的话, 调整控件放置的位置就是解决此类问题的钥匙.
![Mathematica数据可视化:[19]模型界面的美化1](https://exp-picture.cdn.bcebos.com/db196cdade49610fe7977bb0a56817e950e1d215.jpg)
3、接下来, 要对我们的模型中动态变量加上相应标签说明文字, 让受众清晰地理解各个控件所代表的含义.
![Mathematica数据可视化:[19]模型界面的美化1](https://exp-picture.cdn.bcebos.com/a965c6e9ccd2bb66299853f49b2a04e23fa2c615.jpg)
4、再继续界面的设计, 为整个模型加入标题, 当然字体要设置的稍微大一些. 然后将控件分组, 为坡庥汩赴每一组加入标题,有联系且相关的动态变量为一组, 无关的控件组用水平线分割开来, 并且水平线上下加上留白.
![Mathematica数据可视化:[19]模型界面的美化1](https://exp-picture.cdn.bcebos.com/a151a233ec3834bb9a2e74eb8714c27bd3823d1a.jpg)
5、设定一些 Manipulate 的选项: Paneled -> False .
![Mathematica数据可视化:[19]模型界面的美化1](https://exp-picture.cdn.bcebos.com/efb861bd4c7c34b3b380e50e5841037de037311a.jpg)
6、将整个模型封装一个 Style , 用 Style 的选项来进一步修饰: ControlsRendering->"Generic" . 然后再在外边添加网格设定, 并设定若干的选项, 最后的效果如图所示:
![Mathematica数据可视化:[19]模型界面的美化1](https://exp-picture.cdn.bcebos.com/ce26355fd546059623d522643e03c8d247fe251a.jpg)