1.输入框介绍
输入框搭配键盘使用,用户可通过键盘在输入框输入内容,进行人机交互,进行动态输入,输入框可应用于 密码输入等场景。

2.如何添加输入框
打开或新建工程文件,点击工具箱中的输入类控件,点击输入框标,可添加输入框控件,如图 2.1 所示。

GUI Designer输入框使用手册插图1


图2.1 添加输入框

3.如何设置输入框外观

3.1 如何设置输入框中的图像
选中输入框,点击右侧属性窗口中的图像,可设置输入框的背景,点击添加按钮,添加输入框的选中输入显 示,背景即输入框无操作时显示的图像,选中输入显示为点击选中输入框进行输入时显示的内容,如图 3.1 所示。

GUI Designer输入框使用手册插图3


GUI Designer输入框使用手册插图5


图3.1 图像设置

3.2 如何设置文本输入框的文字
输入框的文字设置同文字控件,具体操作不再复述,具体详看《文字控件使用手册》,如图 3.2 所示。

GUI Designer输入框使用手册插图7


图3.2 文字设置

4.如何设置输入框的杂项
点击右侧属性窗口中的,可设置输入框的输入文本长度限制、输入模式和初始化时获取输入焦点,如
图 4.1 所示。

GUI Designer输入框使用手册插图9



图4.1 设置杂项

4.1 如何设置输入文本长度限制
点击“输入文本长度限制”下的输入框,通过键盘或“+ ”“- ”按钮设置输入文本长度限制,设置输入文本 长度限制,即限制输入框可输入的文本长度,如图 4.2 所示。

GUI Designer输入框使用手册插图11


图4.2 设置输入文本长度限制

4.2 如何设置输入模式
点击输入模式下的下拉框,有普通输入模式、密码输入模式和网络 IP 输入模式,普通输入模式即输入显示模 式,密码输入模式即输入显示“*”,网络 IP 输入模式为输入以网段的形式显示“192.xxx.xxx”,如图 4.3 所 示。

GUI Designer输入框使用手册插图13


图4.3 设置输入模式

4.3 如何设置初始化时获取输入焦点
点击初始化时获取输入焦点,有不使能和使能,不使能即在仿真时通过键盘输入时需先点击输入框获取焦点 才可进行输入,使能即在仿真时通过键盘输入时可直接在输入框中输入,如图 4.4 所示。

GUI Designer输入框使用手册插图15


图4.4 设置初始化时获取输入焦点

5.如何通过输入框设置密码界面
密码窗口为输入密码进行校验,输入正确密码则切换窗口至窗口 NEW2 ,具体设置如下。

1、如何添加控件
点击工具箱中的输入类控件,选择输入框和键盘图标添加一个输入框和键盘,点击工具箱中的功能设置类控 件,选择密码校验按钮图标,添加一个密码校验按钮,点击常用控件模块中的窗口图标添加窗口 NEW2 ,如 图 5.1 所示。

GUI Designer输入框使用手册插图17


图5.1 添加控件

2、如何设置控件的位置及大小
选中输入框,通过鼠标或右侧属性窗口中的公共对输入框进行位置和大小进行设置 (密码校验按钮的操作相 同) ,如图 5.2 所示。

GUI Designer输入框使用手册插图19


图5.2 设置控件的位置及大小

3、如何设置输入框
选中输入框→修改输入框的控件名称为“1”→输入模式设置为“密码输入模式”→初始化时获取输入焦点设 置为使能,如图 5.3 所示。

GUI Designer输入框使用手册插图21


图5.3 设置输入框

4、如何设置密码校验按钮
选中密码校验按钮→进行文本设置输入“确认”→设置杂项→密码输入框控件名输入“1” (与 之前输入框中设置控件名称一致) →密码输入需要校验的密码,如输入“123456” ,如图 5.4 所示。

GUI Designer输入框使用手册插图23


图5.4 设置密码校验按钮

5、如何设置密码校验按钮事件
选中密码校验按钮,点击右侧属性窗口中的事件→点击添加→事件设置为“密码校验正确”→ 点击处理方法下的“… ”弹出处理方法窗口→选择窗口切换中的切换窗口→ 目标窗口选择NEW2, 如图 5.5。

GUI Designer输入框使用手册插图25


图5.5 事件设置

6、仿真演示
点击仿真运行按钮

GUI Designer输入框使用手册插图27

,弹出仿真运行窗口
输入密码“123456” ,点击确认按钮,窗口切换至 NEW2,如图 5.6 所示。

GUI Designer输入框使用手册插图29


图5.6 输入密码确认
输入错误密码,点击确认按钮,无动作响应,如图 5.7 所示。

GUI Designer输入框使用手册插图31


图5.7 输入错误密码

相关产品

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

邮箱

cloud@modbus.cn

QQ
QQ
微信
微信
SHARE
TOP