2020A版和2015版相比,GUI设计差别很大,在2020版中,设计GUI要简单多了,下面给一个简单例子:根据底部的两个按钮分别绘制正弦曲线和余弦曲线,其中的滑动条可以调整绘制的周期数,数据编辑框显示当前选定的周期数。
先看运行的结果之一
要在APP中编写GUI程序,需要打开APP Designer,在2020A版,操作如下
不熟悉的可以参照实例教程,在这里可以自己设计,有现成的模板可供选用。
下面是实例设计
在设计时,将左侧的控件拖至空白板上,右侧会显示该控件的各种常规设置,包括默认值等的设定,颜色、标签内容等。并生成类的属性数据。在代码视图下,可根据我们学习过的面向对象知识,添加属性、设计方法、响应事件等。
在撰写代码时, 所有属性和方法的使用,都是以app.开头,例如,要在轴框里绘图,则需要指定轴框,代码如下:
plot( app.UIAxes, x, y, 'b-', 'linewidth', 1);
在设定绘图的各项操作中,也需首先指定轴框,例如title函数的使用格式如下:
title(app.UIAxes, 'Draw acos curve!', 'Color', 'b');
在代码视图中,能够编写的代码,会以白色背景显示;而通过视图形式设定的各个控件的属性,由于是私有方法,所以在代码视图中,均为灰色不可修改。下面逐一给出APP所在的类函数代码。