appdesigner
二、常用组件介绍
1、标签—显示组件的说明文本
该组件主要用来显示一些说明文本，较简单，可根据需要对其进行编辑
2、编辑字段（数值）—输入数值数据 和 编辑字段（文本）—输入文本数据
一般用来对某个变量赋值，或者对某个变量进行显示
3、按钮—按下时执行命令
我们可以通过回调函数的方式为按钮添加交互：选中该按钮，右键选择回调，添加回调
在下图的例子中，我们为该按钮添加了交互：当按钮按下时编辑字段（数值）类型的组件data的值增加10
运行效果如下：
4、信号灯—亮起以指示状态
我们可以根据某些变量的数值来改变信号灯的颜色等信息，如下的例子中，我们通过按钮组件的回调函数来改变 变量 data 的 值，并根据该值改变信号灯组件的颜色
效果如下：
5、开关、拨动开关、跷板开关—在两个互斥的状态间切换
我们可以通过拨动开关，来改变某些标志位的状态，从而改变程序的运行，在下面的例子中，我们通过拨动开关来改变灯的颜色
在此之前，我们先介绍一下strcmp算子，matlab的用法说明如下：tf=strcmp(s1,s2) 比较 s1 和 s2，如果二者相同，则返回 1 (true)，否则返回 0 (false)。如果文本的大小和内容相同，则它们将视为相等。返回结果 tf 的数据类型为 logical。输入参数可以是字符串数组、字符向量和字符向量元胞数组的任何组合。
以上例子的回调函数如下：
运行效果如下：
6、坐标区—显示数据的可视化图像效果
坐标区也是很常用的组件，可以显示绘制的图像，注意在使用plot、hold on等绘图时常用命令时，在gui设计中需要为它们指定是对那个坐标区进行操作，在右侧的编辑区内可以方便的对坐标区的各种属性进行修改，比如坐标轴的名字、网格、视角等
在下面的例子中，我们让当开关打到on时，坐标区绘制显示两条正弦曲线，回调函数如下：
运行效果如下：
此外，除了绘制曲线，我们还可以让坐标区显示我们指定的图片，在编写图片的路径时，可能遇到找不到文件的错误，解决方法我在之前的文章中介绍过了，这里放一下链接：
MATLAB读取图片时报错：“错误使用 fopen 找不到文件，确保文件存在且路径” 的原因及解决方法（点击可跳转）
图片的路径表达方式采用绝对路径和相对路径均可，在下面的例子中，image采用了绝对路径的方式，image2采用了相对路径的方式，在Appdesigner中使用imshow函数时需要绑定坐标区，其中axis进行关闭坐标轴操作时也要绑定坐标区
运行效果如下：
7、网格布局、选项卡祖、面板 容器
（1）网格布局：使用网格布局可以更加整齐的进行排版，如下所示
（2）选项卡祖：使用选项卡祖，可以节省app的整体空间，在同一个区域建立多个不同的页面，如下所示：
（3）面板：使用面板可以将界面分成多个不同的区域，分区域完成开完方便快捷，在移动时面板内的内容会当成一个整体进行移动，较为方便
8、菜单栏、上下文菜单、工具栏 容器
（1）菜单栏:类似于软件最顶端的菜单选项，每个选项都可以右键通过设定回调函数来进行交互，如下：
（2）上下文菜单:也就是常用的右键菜单，运行后，在界面空白处，按下鼠标右键都可以调出，同样在编辑时右键选择回调函数为其添加交互
（3）工具栏：类似于我们软件的工具栏，同样右键为其添加回调函数进行交互，如下所示：
9、仪表
仪表也是常用的显示组件，将要显示的数据赋值给仪表进行显示，可在右侧编辑区对仪表的各种属性进行编辑，仪表是没有回调函数的
10、旋钮、分档旋钮和滑块
旋钮是常用的输入组件，可以将旋钮输入的值赋值给程序中的某个变量，来改变程序的运行旋钮输入是连续的值，分档旋钮是离散的几个设定的值，分档旋钮可以看成，有多个选项的开关，滑块的作用跟旋钮相同，不再介绍
其中旋钮和滑块有两种回调函数，ChangedFcn是当你松开手以后，才将旋钮的值输送给赋值的变量，而ChangingFcn是实时赋值给变量，即你拖动过程中值是实时传输的
其中分档旋钮，各裆的值可以是文本，在判断时，同样借助前面介绍过strcmp语句用来判断当前旋钮所在档位是否为需要的档位
11、日期选择器—按指定格式选择和显示日期
功能如名所示，日期值可以作为输入变量用，效果如下：
12、文本区域—输入多行文本
文本区域可以用来输入多行文本，也可以用来进行文本/变量的显示，注意显示的变量要使用string强制转换成字符串格式，在下面的例子中，我们将选择的日期变量用文本区域显示出来
程序示例：
% Value changed function: DatePicker
function DatePickerValueChanged(app, event)
value = app.DatePicker.Value;
app.TextArea.Value=string(value);
运行效果：
13、下拉框、切换按钮组、列表框、单选按钮组
下拉框、切换按钮组、列表框、单选按钮组都可以用来从多个设定的值中选择一个的输入组件，跟分档按钮类似，可使用if或switch语句从多个设定值中判断当前选中的值，来进行相关操作。他们的原理和发挥的作用基本上是类似的，只是选择操作的形式和外观有所差异
当然他们之间也存在一些差异，比如他们之间除了都有上面介绍的值/选择改变回调函数，在其他回调函数上有所不同，如下所示：
下面先举一个下拉框的例子，当选择option3（可以修改）的时候，让右侧的灯变为红色，其他选择灯为蓝色
程序示例：
、
% Value changed function: DropDown
function DropDownValueChanged(app, event)
value = app.DropDown.Value;
if value=="Option 3"
app.Lamp_2.Color="1.00,0.00,0.00";
app.Lamp_2.Color="0.07,0.62,1.00";
14、微调器—输入数值数据并通过递增或递减调整数据
微调器用法跟编辑字段（数值）类似，只不过多了可以通过鼠标点击箭头，按照设定步长增减数据的功能
15、图像—显示图标或徽标
图像控件可以加载图像到gui界面，而且可以为加载的图像创建回调函数，所以从某种意义上将，可以将图像组件看出自定义图标的按钮控件
16、复选框—从两个选项中选择一个状态
复选框控件的原理跟开关控件类似，它的返回值是0和1（true和false），在这里就先不赘述了
17、表格控件—显示表格数据
表格控件可用于将数据以表格的形式显示出来，可借用readtable函数从xls、txt等文件中读取数据，在右侧的编辑栏中可选择数据是否可编辑、是否可排序等，示例如下
% Button pushed function: Button4
function Button4Pushed(app, event)
t=readtable("data2.xls");
app.UITable.Data=t;
在上面例子的基础上，我们将读取的数据在坐标区绘制出来，例子如下所示：
% Button pushed function: Button4
function Button4Pushed(app, event)
t=readtable("data2.xls");
app.UITable.Data=t;
x=table2array(t(:,1));
y=table2array(t(:,2));
scatter(app.UIAxes2,x,y,"blue","filled")
接下来的例子介绍表格数据的添加，这里有一点要强调，在回调函数中创建的变量是局部变量，在其他函数中无法使用，我们可以通过属性，来创建在app内部/内部和外部共享的数据变量，这个变量可以在各个回调函数中使用，假设创建的变量为t，则在使用时要用app.t，这与c++中类的使用类似
程序示例：
% Button pushed function: Button4
function Button4Pushed(app, event)
app.t=readtable("data2.xls");
app.UITable.Data=app.t;
x=table2array(app.t(:,1));
y=table2array(app.t(:,2));
scatter(app.UIAxes2,x,y,"blue","filled")
% Button pushed function: Button5
function Button5Pushed(app, event)
x=app.EditField.Value;
y=app.EditField2.Value;
app.t=[app.t ; {x y}];
app.UITable.Data=app.t;
效果演示：
此外，如果我们想删除表格中某些元素，只要按照索引，将其该元素的位置设为空，即赋值为[] 即可。
App Designer是MATLAB的一个可视化开发环境，它允许用户通过拖放和配置组件来创建GUI应用程序。您可以使用App Designer创建各种类型的应用程序，包括数据可视化工具、模拟器、数据分析工具等。App Designer提供了一个直观的界面，使您能够轻松地设计和布局应用程序，并通过添加MATLAB代码来实现应用程序的功能。MATLAB App Designer是一个强大的工具，可帮助您快速创建交互式的GUI应用程序。
MATLAB App Designer是MATLAB的一个交互式应用程序开发环境。它可以帮助用户轻松地创建图形用户界面(GUI)应用程序，这些应用程序可以与MATLAB代码进行交互，实现数据可视化、算法测试和应用程序部署等功能。MATLAB App Designer提供了一个可视化的界面，让用户可以通过简单的拖放操作来设计并排列GUI界面元素，如按钮、文本框、列表框、绘图区域等。用户还可以使用MATLAB语言编写处理GUI事件的回调函数，并将其集成到GUI应用程序中。
今天要做的是一个屏幕颜色提取器，为了友好的对待没使用过MATLAB APP设计工具的人，这里做一个简化版的颜色提取器的教程，希望零基础的人能够根据教程一步一步的将功能实现！
既然是零基础。。。。我们首先就要从怎么打开APP designer开始：
我们如果是新创建app程序（mlapp后缀文件)，可以通过 新建→App来创建:
最近在做一个操作程序，对Tab组件的新功能进行了太多，其实其逻辑与第一篇博文类似，只不过添加一些新的功能实现操作的可视化和即时性。
添加Tab组件可以实现不同组件下的功能，具有一定的差异性，该博文目的是实现点击不同Tab组件实现图片的切换，首先添加Axes，并隐藏标题和坐标轴，可以通过下面的方式的实现隐藏坐标轴。
点击检查器的标签，删除坐标轴和TiTle即可。那么如何实现切换不同的Tab可以切换不同的图片呢？添加下面的代码即可。
function TabGroupSelectionChanged(
简要介绍了Matlab APP Designer的操作使用过程；介绍了RunTime的安装；介绍了如何使用APP Dasigner实现代码调试信息自动刷新以及如何浏览文件，满足交互性要求
Mathworks在2016年初推出R2016a，这个版本初次引入App Designer，用于代替GUIDE。GUIDE还存在这些新版本中，不过个人感觉有被淘汰之势，毕竟功能简单、操作生硬，对多选项卡支持较弱等等。以后，不定期写一点App Designer使用心得。
Matlab各个版本可以在共存在一个电脑上，所以可以按照最新版的Matlab进行学习。打开新版Matlab，依次选择HOME--
在使用matlab的appdesigner时，我拖动了一个“坐标区”控件到界面上，而且不想要坐标轴，但是发现这个控件拖动的时候总是容易卡，而且边界总有一圈灰色的框又去不掉，影响布局，运行的时候还不随窗口缩放而缩放。
一些解决方法：1.不随窗口比例缩放：搜索units属性，设置为normalized。
2.布局问题：我发现实际运行画图的时候，好像周围灰色的区域也会被填充，比如第一张图运行之后导入图片显示的是第二张的效果，因此对齐各个坐标区控件的时候，只要最外边灰色的框对齐就可以了。
为了更容易看，可以先搜
MATLAB app designer中，图像显示组件介绍及补充代码。 图片显示有两种组件，坐标轴组件和图像组件。本文介绍两种组件显示图形的特点，并给出了图像等跟随界面比例放大的相关代码。注：当 'AutoResizeChildren' 设置为 'on' 时，'SizeChangedFcn' 回调将不会执行。放缩界面时，两种方案不可共用
该工具箱提供了创建复杂的 MATLAB 图形用户界面的工具，这些界面可以优雅地调整大小。 提供的类可以组合使用以生成几乎任何用户界面布局。
* 水平、垂直或网格排列 MATLAB 用户界面组件* 混合固定大小和可变大小的组件* 通过拖动分隔线以交互方式调整组件大小* 使用选项卡和面板显示和隐藏组件* 在可滚动面板中显示大型组件的一部分
该工具箱由 MathWorks [咨询服务]( http://www.mathworks.com/services/consulting/ ) 小组的 David Sampson 和 Ben Tordoff 开发。
此版本适用于 MATLAB R2014b 及更高版本。 对于 R2014a 及更早版本，请参阅 [版本 1]( http://www.mathworks.com/matlabcentral/fileexchange/27758-gui-la
重叠控件的显示与隐藏及排序处理
控件重叠的处理，可以分为两种方式，包含：1.显示与隐藏 2.控件排序。控件的显示与隐藏，解决了重叠控件在运行过程的显示和隐藏问题，但是无法完全解决设计视图中（程序设计过程中）控件的显示问题。隐藏在设计视图中是用阴影显示，并未完全隐藏。可以通过控件排序完全解决重叠控件在视图设计中的显示问题。
