图 2?5 控件菜单
从该菜单中选择所需的控件，并摆放到面板的适当位置（也可通过Create 菜单项来实现上述操作）。每个控件通过一系列属性设置对话框来设定，可以通过设置控件的属性来改变其外观、设置、热键和标签等。
在此，我们选择添加两个Numeric菜单下的Numeric控件，添加一个Text菜单下的String控件，Command Button菜单下的Square Command Button控件。添加完毕后，双击控件（或者右击-Edit Control）修改控件的相关属性。
分别在属性编辑框中，将两个Numeric控件的Constant Name属性修改为“PARA_A”、“PARA_B”，Label Appearance的Label属性修改为“参数A”、“参数B”。将String控件的Constant Name属性修改为“RESULT”，Label Appearance的Label属性修改为“A+B”。将Command Button控件的Constant Name属性修改为“CALCULATE”，Callback Function属性修改为“Calculate”，以方便后面生成回调函数。
图 2?6 修改控件的属性
当然，为了美观，可以在Quick Edit Window中修改按钮等控件的背景颜色，在Label Appearance中修改按钮中文字的颜色。上图中OK按钮即普通按钮修改颜色之后的效果。
2.1.4 生成框架源代码
在用户界面编辑窗口中，选择菜单Code-Generate-All Code，此时将会弹出一个提示存储.uir文件的对话框，在此我们存为1.uir（CVI将会生成同名的.h文件。不建议大家像示例一样起无意义的命名）。保存后CVI会弹出生成代码的对话框，一般情况下直接点击OK，框架源代码会自动保存在跟.uir同名的C文件中。
图 2?7 生成所有代码
至此，我们点击菜单Run-Debug Project之后，程序UI已经可以运行了。运行结果如下图所示。当然了，因为尚未编写按钮的回调函数的响应代码，此时点击任何按钮都不会执行对应的操作。
图 2?8 程序UI运行结果
2.1.5 添加回调函数
生成框架代码之后，我们应该可以在uir同名的C文件中看到CVI为我们生成了如下代码：