1.生成和组态指示灯

指示灯用来显示Bool变量“电动机”的状态（见图2-6）。将工具箱的“基本对象”窗格中的“圆”拖拽到画面中希望的位置。用前面介绍的鼠标的使用方法，调节圆的位置和大小。选中生成的圆，它的四周出现8个小正方形。选中画面下面的巡视窗口的“属性＞属性＞外观”（见图2-20上面的图），设置圆的边框为默认的黑色，样式为实心，宽度为3个像素点（与指示灯的大小有关），背景色为深绿色，填充图案为实心。

一般在画面中直接用鼠标设置画面元件的位置和大小。选中巡视窗口的“属性＞属性＞布局”（见图2-20下面的图），可以微调圆的坐标位置和半径。

打开巡视窗口的“属性＞动画＞显示”文件夹，双击其中的“添加新动画”，再双击出现的“添加动画”对话框中的“外观”，选中图2-21左边窗口中出现的“外观”，在右边窗口组态外观的动画功能。

设置圆连接的PLC的变量为位变量“电动机”（Q0.0），其“范围”值为0和1时，圆的背景色分别为深绿色和浅绿色，对应于指示灯的熄灭和点亮。

图2-20 组态指示灯的外观和布局属性

图2-21 组态指示灯的动画功能

2.生成与组态按钮的属性

画面中的按钮的功能比接在PLC输入端的物理按钮的功能强大得多，用来将各种操作命令发送给PLC，通过PLC的用户程序来控制生产过程。

将工具箱的“元素”窗格中的“按钮”拖拽到画面中，伴随它一起移动的小方框中的x/y是按钮的左上角在画面的x、y轴的坐标值，w/h是按钮的宽、高尺寸，均以像素点为单位。放开鼠标左键，按钮被放置在画面中。用鼠标调节按钮的位置和大小。

单击选中放置的按钮，选中巡视窗口的“属性＞属性＞常规”，图2-22的“标签”域有两个选项，它们组成了一个单选框，同时只能选中其中的一个选项。单击单选框中的小圆圈或它右侧的文字，小圆圈中出现一个圆点，表示该选项被选中。单击单选框的另一个选项，原来选中的选项左侧小圆圈中的圆点自动消失。用单选框选中“模式”域和“标签”域的“文本”，输入按钮未按下时显示的文本为“起动”。

单击图2-22的“按钮‘按下’时显示的文本”左侧的小方框，该方框变为，其中出现的“√”表示选中（即勾选）了该选项，或称该选项被激活。再次单击它，其中的“√”消失，表示未选中该选项（激活被取消）。因为可以同时选中多个这样的选项，所以将这样的小方框称为复选框或多选框。如果选中该复选框，可以分别设置未按下时和按下时显示的文本。未选中该复选框时，按下和未按下时按钮上显示的文本相同，一般采用默认的设置，不勾选该复选框。

图2-22 组态按钮的常规属性和外观属性

KTP400有4个功能键F1～F4，单击“热键”区域中的按钮，再单击一次打开的对话框中的按钮，用打开的列表选中功能键F2，运行时标有F2的功能键具有和“起动”按钮相同的功能。

选中巡视窗口的“属性＞属性＞外观”（见图2-22的下图），单击“背景”和“文本”区域的“颜色”选择列表的按钮，将按钮的背景色改为浅灰色，文本改为黑色。

“边框”区域中的“样式”可以选择“实心”“双线”和“3D样式”，边框的宽度以像素点为单位。设置为“双线”时，“背景色”为边框的两根线之间的区域的颜色。

单击巡视窗口的“属性＞属性＞填充样式”，图2-23选中了“背景设置”区域中的“垂直梯度”，在“梯度”区域勾选复选框“梯度1”和“梯度2”，设置按钮上、下两个区域的梯度（即过渡色）。可以设置梯度的颜色和宽度。过渡色显示的效果见图2-23右边的小图。此时在图2-22中可以看到填充图案变为“垂直梯度”。

图2-23 组态按钮的填充样式属性

在运行时如果单击起动按钮，它成为“焦点”，它内部靠近边框的四周出现一个方框（见图2-24右边的小图）。选中巡视窗口的“属性＞属性＞设计”，可以设置“焦点”的颜色和以像素点为单位的宽度，一般采用默认的设置。

图2-24 组态按钮的焦点

选中巡视窗口的“属性＞属性＞布局”（见图2-25），可以用“位置和大小”区域的输入框微调按钮的位置和大小。(www.daowen.com)

如果选中“使对象适合内容”复选框，将根据按钮上的文本的字数和字体大小自动调整按钮的大小（见图2-25右边的小图）。建议此时设置相等的上、下、左、右的“文本边距”。

图2-25 组态按钮的布局属性

选中巡视窗口的“属性＞属性＞文本格式”（见图2-26），单击“字体”选择框右边的按钮，打开“字体”对话框，可以定义以像素点（px）为单位的文字的大小。字体为宋体，不能更改。字形可以设置为正常、粗体、斜体和粗斜体，还可以设置下划线、删除线、按垂直方向读取等附加效果。一般按图2-26设置对齐方式。

选中巡视窗口的“属性＞属性＞其他”，可以修改按钮的名称，设置对象所在的“层”，一般使用默认的第0层。

3.设置按钮的事件功能

选中巡视窗口的“属性＞事件＞释放”（见图2-27），单击视图右边窗口的表格最上面一行，再单击它的右侧出现的按钮（在单击之前它是隐藏的），在出现的“系统函数”列表中选择“编辑位”文件夹中的函数“复位位”。

图2-26 组态按钮的文本格式属性

图2-27 组态按钮释放时执行的函数

直接单击表中第2行右侧隐藏的按钮，选中PLC的默认变量表，双击该表中的变量“起动按钮”（见图2-28）。在HMI运行时按下该按钮，将变量“起动按钮”复位为0状态。

图2-28 组态按钮释放时操作的变量

图2-28下面的小图是组态好后该按钮释放时调用的系统函数和操作的变量。

选中巡视窗口的“属性＞事件＞按下”，用同样的方法设置在HMI运行时按下该按钮，执行系统函数“置位位”，将PLC的变量“起动按钮”置位为1状态。该按钮具有点动按钮的功能，按下按钮时变量“起动按钮”被置位，放开按钮时它被复位。

选中组态好的按钮，执行复制和粘贴操作。放置好新生成的按钮后选中它，设置其文本为“停止”，按下该按钮时将变量“停止按钮”置位，释放该按钮时将它复位。

4.图形格式的按钮的组态

除了前面介绍的用文本来标识按钮，也可以用图形来标识按钮。生成一个新的按钮，选中按钮的巡视窗口的“属性＞属性＞常规”（见图2-29），将按钮的模式设置为“图形”，用“图形”域中的选择框设置按钮显示的图形为Home。选中巡视窗口左边浏览窗口的“外观”（见图2-22），设置“背景”的颜色为白色，“填充图案”为“实心”。

图2-29 组态按钮的常规属性

图2-30a中的按钮在图2-25的“布局”属性中设置为“不拉伸画面”，“对齐”方式为水平方向居左、垂直方向在中间。图2-30b方框中的按钮在“布局”属性中设置为“拉伸画面”。上述两个图的图片四周的边距的像素点均为0。

图2-30 图形显示方式的按钮

图2-30c方框中的按钮在“布局”属性中设置为“不拉伸画面”“使对象适合内容”，图片右边距和下边距为8个像素点，左边距和上边距为0。