mooc课件8app设计工具

1、专题八图形用户界面设计8.5App设计工具App是Application的缩写。在这里，App是指具有图形用户界面的p App程序。Designer的使用p App组件p App程序1App Designer的使用App Designer是一个可视化的集成开发环境，提供了仪表、旋钮等组件，采用面向对象的设计出应用程序。利用App Designer可以快速开发（1）打开AppDesigner命令行窗口输入appdesigner命令。主窗口中选择“主页”选项卡，单击工具栏“新建”pp在在命令按钮，再选择“应用程序”下的“App Designer”命令。1App Designer的使用（2）pppA

2、pp Designer窗口快速功能区工具栏App编辑器1App Designer的使用（3） App编辑器pp设计视图: 用于编辑用户界面。代码视图: 用于编辑、调试、分析代码。1App Designer的使用（3） App编辑器p设计视图组件库组件浏览器属性面板：查看和设置组件的外观特性。1App Designer的使用（3） App编辑器p代码视图代码浏览器APP应用的布局面板组件浏览器属性面板：查看和设置组件的属性。2App组件ppp常用组件容器组件仪器组件例1建立一个App用户界面，该界面1个坐标轴，2个旋钮，2个按钮和1个按钮组。（1）打开App设计器窗口，添加组件。p 添加组件旋钮

3、离散旋钮按钮单选按钮组坐标轴p 保存用户界面文件名为：AppDemo.mlapp（2）利用属性面板设置组件对象的属性。p设置旋钮属性。值、最小值、最大值刻度间隔旋钮下的文本属性pp设置离散旋钮下的。设置单选按钮组属性。按钮组标题单选钮的文本属性设置按钮的文本属性。p（2）利用属性面板设置组件对象的属性。（2） 利用属性面板设置组件对象的属性。p 设置离散旋钮属性切换到代码视图，在组件浏览器中选中DiscreteKnob对象，在属性面板设置离散旋钮的Value属性和Items属性。（3）定义回调函数pp设置回调属性选择右键快捷菜单中的回调函数3App程序App程序采用面向对象设计模式，对象、定义

4、函数、设置属性和共享数据都封装在一个类中，一个MLAPP文件就是一个类的定义。（1）类的基本结构p properties段：属性的定义，主要包含属性代码。p methods段：的定义，由若干函数组成。回调函数只有一个参数app，为界面句柄，了界面中各个成员的数据。3App程序（1）类的基本结构classdef类名 .apps.AppBase= public)properties (Accessendmethods (Access = private)function end functionend end函数1(app)函数2(app)end3App程序存取数据和调用函数称为对象成员。（2）权

5、限p public：可用于与App的其他类共享数据。p private：只权限为private。在本类中。以下属性和函数的默认属性的界面的启动函数startupFcn建立界面组件的函数createComponents 回调函数例2实现例1界面的绘图功能。单击“绘图”按钮，以“倍频”旋钮的值和“相角”旋钮的值为三角函数的参数绘制曲线。单击“清空”按钮，清除坐标轴中的图形。从“绘图”按钮右键菜单中选“回调” 下的“添加ButtonPushedFcn回调”项p 在.mlapp文件的methods段添加代码“绘图”按钮的回调函数function Draw_Plot(app)f=eval(app.Dis

6、creteKnob.Value);%获取离散旋钮对象的Value属性值theta=app.Knob.Value/180*pi; x=linspace(0,2*pi,60);if app.RadioButton.Value=1 y=sin(f*x+theta);elsey=cos(f*x+theta); End%获取旋钮对象的Value属性值% plot函数的第1个参数必须是坐标轴对象句柄%plot函数默认的线条宽度为1，App程序的线条宽度必须小于0.4plot(app.UIAxes, x, y,LineWidth,0.2);endp 在.mlapp文件的methods段添加代码“清空”按钮的回调函数function Clear_Axes(app) cla(app.UIAxes)end3App程序（3）运行Appp在App设计器窗口中按“F5”键或单击工具栏上的“运行”命令按钮。p在主窗口的当前文件夹双击M