经典GUI基础入门：MATLAB中GUI用户图形界面学习

GUI指导教程系列(1)：GUI入门基本操作

为什么在MATLAB中要使用GUI呢？其实GUI就是Matlab中的Visual Basic，是面向对象的编程，可以使Matlab程序的终端用户，即使不懂的Matlab也可以轻易操作该程序！

如果没有图形用户界面(GUI)我们只能从命令行(Command Window)中调用相关程序，这相对比较繁琐，并且不是所有用户都是这个能力。就好比计算机的DOS 系统，在有windows的情况下，您会选择DOS吗？当然我们也不排除骨灰级的人物！

在本节教程我们主要针对没有GUI创建和使用经历的网友，但是必要的MATLAB 基础知识是需要的。在教程中我们将创建一个简单的GUI程序，它执行两个数的加法运行，然后显示其运算结果。

好下面开始我们的教程！

一、打开和创建GUI界面

1、首先打开Matlab，在Command Window中输入guide回车

2、此时打开GUI编辑器GUIDE(GUI Developer的缩写)

2.1 界面上有两个标签也“Creat New GUI”和“Open Existing GUI”

如果创建新的GUI此时我们选择第一个标签页，但如果打开其它已经存在的GUI 就点击第二个标签吧

2.2 这里我们选择第一个标签下的“Blank GUI”(空白GUI)，下面还有几个系统GUI模版，你可以根据需要选择其它的。

2.3 点击“OK”我们正式进入GUIDE界面，呵呵，是不是感觉似曾相识

3、添加你需要的控件到figure中

在添加控件之前，您最好对您的GUI界面布局已经有一定的构思了，否则盲目性太大了不利于您的编程。下面是我们构思的布局。

二、添加控件和设置属性

在正式讲解之前，我们先讲解下GUI中的鼠标基本操作

(a) 在左边的控件面板中鼠标左击选择您需要的控件，然后放开鼠标

(b) 在右边的figure中按住左键，画出您的控件，于是空间就在figure上

(c) 你可以用鼠标拖拽figure上所有控件，来改变他们的位置

(d) 在控件上双击鼠标左键(右击是快捷菜单)可打开控件属性面板

1、从上面的布局构思，我们知道本GUI需要以下控件

：三个“编辑文本框”(Edit Text)

：三个“静态文本框”(Static Text)

：一个“确定按钮”(Pushbutton)

按照上面介绍的鼠标操作方法，将这6个控件拖到右边的figure中，如下图所示

2、接下来就是编辑这些控件的属性

好，下面从Static Text开始吧，双击其中一个“静态文本块”，将跳出该控件的“属性查看器”(Property Inspector)

GUI控件的几个常用属性说明如下：

position：指示空间在figure中的位置

font**：字体相关属性

string：相当如VB中的caption，就是显示在控件上的文字

tag：控件的唯一标识符，相当于ID，我们需要tag来指定某一个空间

2.1 在这里我们修改它的“string”属性为“+”

2.2 同理修改它的“fontsize”属性为20

在编辑完这些属性后，直接点击右上角的“关闭”按钮，关闭属性查看器，此时属性会自动保存。回到GUIDE，如果控件上的文字被部分隐盖，此时可以通过鼠标拖拽改变控件的大小。

二、添加控件和设置属性

在正式讲解之前，我们先讲解下GUI中的鼠标基本操作

(a) 在左边的控件面板中鼠标左击选择您需要的控件，然后放开鼠标

(b) 在右边的figure中按住左键，画出您的控件，于是空间就在figure上

(c) 你可以用鼠标拖拽figure上所有控件，来改变他们的位置

(d) 在控件上双击鼠标左键(右击是快捷菜单)可打开控件属性面板

1、从上面的布局构思，我们知道本GUI需要以下控件

：三个“编辑文本框”(Edit Text)

：三个“静态文本框”(Static Text)

：一个“确定按钮”(Pushbutton)

按照上面介绍的鼠标操作方法，将这6个控件拖到右边的figure中，如下图所示

2、接下来就是编辑这些控件的属性

好，下面从Static Text开始吧，双击其中一个“静态文本块”，将跳出该控件的“属性查看器”(Property Inspector)

GUI控件的几个常用属性说明如下：

position：指示空间在figure中的位置

font**：字体相关属性

string：相当如VB中的caption，就是显示在控件上的文字

tag：控件的唯一标识符，相当于ID，我们需要tag来指定某一个空间

2.1 在这里我们修改它的“string”属性为“+”

2.2 同理修改它的“fontsize”属性为20

在编辑完这些属性后，直接点击右上角的“关闭”按钮，关闭属性查看器，此时属性会自动保存。回到GUIDE，如果控件上的文字被部分隐盖，此时可以通过鼠标拖拽改变控件的大小

2.3 重复上面的操作

(1)将第二个“Static Text”的“string”改为“=”，“fontsize”为20

(2)第三个“Static Text”的“string”改为“My Adder GUI”，“fontsize”为20

于是，我们将得到如下所示的GUI界面

2.4 下面双击Edit Text，修改编辑文本框的属性

(1)第一个“Edit Text”的用来存储第一个加数，我们将“string”改为“0”，“tag”改为“input1_editText”

(2)第二个“Edit Text”的用来存储第二个加数，我们将“string”改为“0”，“tag”改为“input2_editText”

(3)第三个“Edit Text”的“string”改为“0”，“tag”为“answer_stat ic Text”

2.5 修改Pushbutton按钮的属性，“string”改为“Add!”，“tag”改为“a dd_pushbutton”