界面设计代码框架

界面提供了通过鼠标和键盘便捷输入输出数据的友好的人机交互环境。获取到数据后，需要用程序代码来处理这些数据，所以，很自然地进入到程序设计部分。[大谦MATLAB，dqmatlab点com]

代码的输入和编辑工作在代码视图窗口进行。默认时，App Designer已经用一个app1类搭好了代码框架。在设计视图区单击右上角的“代码视图”按钮，进入代码视图窗口。注意此时相应地显示“编辑器”功能区。阅读理解app1类需要一些MATLAB面向编程的知识，如果想深入理解，请先参阅3.6节面向对象编程的内容。实际上，不懂面向对象编程也关系不大，App Designer的使用已经非常简便，请结合本章后面的一些实例进行理解。

默认时App Designer提供的代码框架如下所示：

code.matlab 
classdef app1 < matlab.apps.AppBase
    % 对应于App组件的属性
    properties(Access=public)
        UIFigure  matlab.ui.Figure
    end
    % 组件初始化
    methods(Access=private)
        % 创建窗体和组件
        function createComponents(app)
            % 创建窗体并隐藏，直到创建完所有组件
            app.UIFigure=uifigure('Visible', 'off');
            app.UIFigure.Position=[100 100 640 480];
            app.UIFigure.Name='MATLAB App';
            % 组件创建完后显示窗体
            app.UIFigure.Visible='on';
        end
    end
    % App创建和删除
    methods(Access=public)
        % 创建App
        function app=app1
            % 创建窗体和组件
            createComponents(app)
            % 用App Designer注册App
            registerApp(app, app.UIFigure)
            if nargout == 0
                clear app
            end
        end
        % 删除App前执行以下代码
        function delete(app)
            % 删除App后删除窗体
            delete(app.UIFigure)
        end
    end
end

可见，app1类中主要有3个部分的内容。第1部分是对应于组件的属性。第2部分是组件的初始化代码，向窗体添加组件时组件的创建和属性设置相关的代码都插入到这里。第3部分是app1类的构造函数和析构函数，处理类对象的创建和删除。