GUI Designer输入框使用手册

freefree技术Resources

这篇内容可直接阅读,适合用于基础学习和Search引流。

GUI Designer输入框使用手册缩略图
🌐 This page is not yet available in English. Showing the Chinese version. Back to Chinese page.
1.输入框介绍
输入框搭配键盘使用,用户可通过键盘在输入框输入内容,进行人机交互,进行动态输入,输入框可应用于 密码输入等Scene。

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

GUI Designer输入框使用手册插图


图2.1 添加输入框

3.如何设置输入框外观

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

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


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


图3.1 图像设置

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

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


图3.2 文字设置

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

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



图4.1 设置杂项

4.1 如何设置输入TextLength限制
Click“输入TextLength限制”下的输入框,通过键盘或“+ ”“- ”button设置输入TextLength限制,设置输入Text Length限制,即限制输入框可输入的TextLength,如图 4.2 所示。

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


图4.2 设置输入TextLength限制

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

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


图4.3 设置输入模式

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

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


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

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

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

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


图5.1 添加控件

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

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


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

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

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


图5.3 设置输入框

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

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


图5.4 设置密码校验button

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

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


图5.5 事件设置

6、仿真演示
Click仿真运行button

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

,弹出仿真运行窗口
输入密码“123456” ,点击Confirmbutton,窗口Switch至 NEW2,如图 5.6 所示。

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


图5.6 输入密码Confirm
输入Error密码,点击Confirmbutton,无动作Response,如图 5.7 所示。

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


图5.7 输入Error密码

来源/Tools信息 —— 点击展开
来源 Modbus Chinese Network(modbus.cn) —— China leadingModbus通信协议技术社区 Category GVS 触控屏 / 触控屏开发Document 字数 1437 字 · 阅读约 4 分钟 更新 2026-07-01 永久链接 https://www.modbus.cn/20807.html
Recommended Tool: Modbus Debug Assistant WeChat Mini Program
Modbus Chinese Network官方推出的Modbus DebuggingTools,支持 Modbus RTU/TCP 实时通信debug、register读写、线圈控制、data监控和message分析。 无需安装,微信Search「Modbus DebuggingAssistant」即可使用。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
RelatedTags
把这篇Resources用于真实项目?

进入Tools中心进行messageParse、CRC verification和设备debug,或Submit requirements获取选型与接入建议。

工程师member

把这篇文章变成可执行的debugResources

开通后可使用高级messageParse、Resources包Download、Code Example、工程案例和优先Technical Support,适合真实项目交付。

高级Tools不限次
Resources包与代码包
Complete Engineering Case Library
优先Technical Support入口

发表回复

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