Matlab之App Designer 如何进行二维图形绘制教程

一、背景介绍

Matlab中的App Designer可以实现大量数据计算结果的可视化，并通过图形展示出来，方便用户进行查看。本文将基于Matlab中的App Designer详细介绍了建立可视化界面并进行二维图形的绘制方法。

二、采用Matlab中的App Designer建立可视化界面并进行二维图绘制的方法

本文先建立可视化的GUI界面，然后将数据导入，并在基于App Designer建立的界面上进行导入的数据及分析结果进行二维绘图。

1、首先打开一个新的App Designer页面，并保存为Draw_2D_app_1.mlapp，并在设计视图界面上拖入“编辑字段（文本）”组件，并对组件的属性进行修改，名称改为“数据输入”，同时选择“Button按钮”组件拖入设计视图，并在组件属性中将组件按钮更改为“加载”，如图1 参数输入及加载组件界面所示。

图1 参数输入及加载组件界面

2、在设计视图界面上拖入两个坐标区组件，并在组件属性中将Title改为压力与变形量的关系曲线，横坐标更改为压力/bar，纵坐标更改为变形量/mm，如图2 坐标区组件设置示意图所示。

图2 坐标区组件设置示意图

3、对加载组件添加回调，进行数据导入与绘图代码编写，如图3数据导入与绘图代码编写图。

           clc
           [filename,pathname]=uigetfile({'*.xls';'*.xlsx';'*.*'},'File selector');
           pathname_EditField=string(pathname);
           filename_EditField=string(filename);
           if ~isequal(filename,0)
               app.EditField.Value=fullfile(pathname,filename);
           else
               return
           end
           filename_Ed=app.EditField.Value;
           %Excel中的数据导入，并转化成数组
           pat_1=readtable(filename_Ed,'Sheet',1);
           global P_1
           global S_1
           P_1=table2array(pat_1(:,1));
           S_1=table2array(pat_1(:,2));
           plot(app.UIAxes,P_1,S_1)%在坐标区内进行绘图