Matlab系列之APP Designer(下拉框、切换按钮组、列表框、单选按钮组，坐标轴控件axis)

    今天带大家了解一下在APP Designer中下下拉框、切换按钮组、列表框、单选按钮组，坐标轴组件的用法。

    新开了公主号：宝藏Code园，里面有更多干货，欢迎大家去关注😄哦！

1.下拉框、切换按钮组、列表框、单选按钮组

    下拉框、切换按钮组、列表框、单选按钮组其实使用方法大体相同，都可以用来从多个设定的值中选择一个的输入组件，可使用if或switch语句从多个设定值中判断当前选中的值，来进行相关操作，只是选择操作的形式和外观有所差异，以及回调函数类型的不同。

以单选按钮组为例子，带大家了解一下，这几个组件的使用方法，我们将实现选择对应颜色，指示灯显示对应颜色。（如下图）

（1）默认大家已经添加好组件。

（2）编写回调函数

      我一般对于这几个组件喜欢用switch语句，当然if语句也可以实现。 lamp组件的用法以前文章已经介绍过了，不了解的小伙伴可以去看看哦。

switch语句

selectedButton = app.ButtonGroup.SelectedObject;
            %开始逻辑书写
            switch selectedButton.Text    %这边Text必须要写
                case'绿色'
                    app.Lamp.Color='g';%这边g代表绿色，green
                case'红色'
                    app.Lamp.Color='r';
                case'蓝色'
                    app.Lamp.Color='b';
            end

2.坐标轴控件axis

   坐标轴控件axis的主要作用是两个方面，但是都是非常重要和常用的。

• 绘制函数显示
• 显示图像（jpg   png 等）

（1）默认大家添加了坐标轴控件和按钮控件，同样在右边的属性栏可以更改一些坐标轴的x,y轴，标题等属性。

（2）1.绘图的回调函数plot

plot - 二维线图
    此 MATLAB 函数 创建 Y 中数据对 X 中对应值的二维线图。 要绘制由线段连接的一组坐标，请将 X 和 Y 指定为相同长度的向量。 要在同一组坐标区上绘制多组坐标，请将 X 或 Y 中的至一个指定为矩阵。

    向量和矩阵数据
      plot(X,Y)
      plot(X,Y,LineSpec)
      plot(X1,Y1,...,Xn,Yn)
      plot(X1,Y1,LineSpec1,...,Xn,Yn,LineSpecn)
      plot(Y)
      plot(Y,LineSpec)

 LineSpec - 线型、标记和颜色

 Color - 线条颜色
        [0 0.4470 0.7410] (默认值) | RGB 三元组 | 十六进制颜色代码 | "r" | "g" |
        "b"
 LineStyle - 线型
        "-" (默认值) | "--" | ":" | "-." | "none"
 LineWidth - 线条宽度
        0.5 (默认值) | 正值
Marker - 标记符号
        "none" (默认值) | "o" | "+" | "*" | "."

在坐标轴里面绘制函数图像

 当然函数可以为任意函数，或者是自定义函数 

%生成x
x = 1:0.01:10;  %其中0.01是步长,步长（step）指的是在这个方向上相邻两个点之间的距
y = sin(x);
plot(app.UIAxes,x,y,"r");%r代表颜色

   若要多个图像显示在一个坐标系中，需要语句：hold(app.UIAxes,"on");  

  x = 1:0.01:10;  
  y = sin(x);
  plot(app.UIAxes,x,y,"r");  
  hold(app.UIAxes,"on");    
  y1 = cos(x);
  plot(app.UIAxes,x,y1,"b");

2.显示图像

直接给出图片路径

   %读取图片
   file = '     ';%'   '为路径
   %在matlab中，im开头的函数多与图像有关
    im = imread(file);
    imshow(im,'Parent',app.UIAxes);

需要选择图片路径

 %导入图片
 [filename,pathname] = uigetfile({'*.jpg';'*.png';'*.*'},'选择图片');
  if isequal(filename,0)||isequal(pathname,0)
      msgbox('您未选择图片','温馨提示','help');
      return;
  else
      x=strcat(pathname,filename);
      app.originalpicture=imread(x);
      imshow(app.originalpicture,'Parent',app.UIAxes);
    end

（3）最后再给大家介绍一个小技巧，如果显示图像时，感觉坐标轴的x,y,标题太难看，除了可以再属性栏删除外，还可以使用代码关闭。

axis(app.UIAxes,'off');  %不显示坐标轴
title(app.UIAxes,'');    % 不显示标题
xlabel(app.UIAxes,'')  % 不显示X轴标签
ylabel(app.UIAxes,'')   % 不显示Y轴标签