GUI Designer文字控件使用手册

freefree技术Resources

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

GUI Designer文字控件使用手册缩略图
🌐 This page is not yet available in English. Showing the Chinese version. Back to Chinese page.
1.文字控件介绍
文字控件是用于显示numerical value、提醒和time等,应用Scene比较广泛。

2.如何添加文字控件
打开或新建一个工程文件,点击常用控件模块中的Text图标,在窗口中添加一个文字控件,如图 2.1 所示。

GUI Designer文字控件使用手册插图


图2.1 添加文字控件

3.如何设置文字控件的外观
选中控件,点击右侧属性窗口中的 →

GUI Designer文字控件使用手册插图1

,点击添加button可添加多个Text显示,如图 3.1 所示。

GUI Designer文字控件使用手册插图2


图3.1 外观属性修改

3.1 如何设置Text形态
ClickText,有静态Text及动态Text,静态Text用于通常情况下manual input的内容,在静态Text输入框中输入内 容,直接在窗口中显示,动态Text用于显示变量的内容,如图 3.2 所示。

GUI Designer文字控件使用手册插图3


图3.2 Text形态设置

3.2 如何修改字体
动态Text的字体显示修改需提亲到字库管理中提前设置,具体设置方法详情请看《资源使用手册》。
选择静态Text,点击字体右侧的button,弹出字体修改窗口,可根据需求对字体字号等进行修改,如图 3.3 所 示。

GUI Designer文字控件使用手册插图4


图3.3 修改字体

3.3 如何修改文字颜色
Click文字颜色右侧的方框,弹出调色盘,可根据需求对文字颜色进行修改,文字颜色默认为黑色,如图 3.4 所示。

GUI Designer文字控件使用手册插图5


图3.4 修改文字颜色

3.4 如何修改背景色
Click背景色右侧的方框,弹出调色盘,可根据需求对背景色进行修改,背景色默认为透明,如图 3.5 所示。

GUI Designer文字控件使用手册插图6


图3.5 修改背景色

3.5 如何修改对齐方式
Click对齐方式下的button,用户可根据需求输入的Text的对齐方式进行修改,对齐方式默认为居中,如图 3.6所示。

GUI Designer文字控件使用手册插图7


图3.6 修改对齐方式

4.应用案例

4.1 如何设置多种语言Switch
通过点击单选buttonSwitch中英文显示,具体Operation方法及设置如下。

1 、如何添加语言显示
Click菜单栏中的项目,选择多语言设置→点击添加→选择新添加的语言输入框修改名字为“English”,如图 4.1 所示。

GUI Designer文字控件使用手册插图8


图4.1 添加语言

2 、如何添加控件
Click常用控件模块中的窗口图标,添加一个窗口 NEW2 ,在窗口 NEW1 中添加一个文字控件和button控件,在 窗口 NEW2 中添加一个单选button,如图 4.2 所示。

GUI Designer文字控件使用手册插图9


图4.2 添加控件

3 、如何设置多语言
选中窗口 NEW1 中的文字控件,点击右侧属性窗口中的文字→选择静态Text→点击Text输入框下右侧button→
在两个语言的输入框中输入不同语言的文字,如图 4.3 所示。

GUI Designer文字控件使用手册插图10


图4.3 设置多语言

4 、如何添加变量绑定
Click窗口中的单选button,点击右侧属性窗口中的变量绑定→点击添加→被绑定的控件属性为“选中状态”→ data source绑定“Language”→转换模式为“双向”→转换方法为默认,如图 4.4 所示。

GUI Designer文字控件使用手册插图11


图4.4 添加变量绑定
注:language 变量为

GUI Designer文字控件使用手册插图12


5 、如何添加事件
Click窗口 NEW1 中的button控件,点击右侧属性窗口中的事件→添加事件→事件设置为“点击”→点击处理方 法下的“… ”弹出处理方法窗口→选择窗口Switch中的“Switch窗口”→ 目标窗口选择“NEW2”,如图 4.5 所示。

GUI Designer文字控件使用手册插图13


图4.5 button控件添加事件
Click窗口 NEW2 中的单选button,点击右侧属性窗口中的事件→添加事件→事件设置为“选中”→点击处理方 法下的“… ”弹出处理方法窗口→选择窗口Switch中的“Switch窗口”→ 目标窗口选择“NEW1”,如图 4.6 所示。

GUI Designer文字控件使用手册插图14


图4.6 单选button添加事件

6 、仿真演示
Click仿真运行button,弹出仿真运行窗口,文字控件默认显示中文,点击单选button,文字控件显示为英文,如 图 4.7 所示。

GUI Designer文字控件使用手册插图15


图4.7 仿真演示

4.2 如何通过buttonSwitch文字控件显示

1 、如何添加控件
Click常用控件模块中的Text和button图标,添加一个文字控件和button控件,如图 4.8 所示。

GUI Designer文字控件使用手册插图16


图4.8 添加控件

2 、如何设置文字控件
选中文字控件,点击右侧属性窗口中的文字→点击添加button添加多个Text→点击Text→选择静态Text→在输 入框中输入需要显示的内容,如图 4.9 所示。

GUI Designer文字控件使用手册插图17



图4.9 设置文字控件

3 、如何设置文字控件变量绑定
选中文字控件,点击右侧属性窗口中的变量绑定→点击添加→被绑定的控件属性为“Text索引”→data source绑 定“Var0”→转换模式为“单向”→转换方法为“默认”,如图 4.10 所示。

GUI Designer文字控件使用手册插图18


图4.10 添加变量绑定
注:Var0 变量为

GUI Designer文字控件使用手册插图19


4 、如何设置button控件事件
选中button控件,点击右侧属性窗口中的事件→点击添加→事件设置为“点击”→点击处理方法下的“… ”弹 出处理方法窗口→选择变量Operation中的“变量循环增减”→ 目标变量选择“Var0”→步进值输入“1” ,如图 4.11 所示。

GUI Designer文字控件使用手册插图20


图4.11 事件设置

5 、仿真演示
Click仿真运行button,弹出仿真运行窗口,点击button可Switch文字控件的Text显示如图 4.12 所示。

GUI Designer文字控件使用手册插图21


图4.12 仿真演示

来源/Tools信息 —— 点击展开
来源 Modbus Chinese Network(modbus.cn) —— China leadingModbus通信协议技术社区 Category GVS 触控屏 / 触控屏开发Document 字数 1793 字 · 阅读约 5 分钟 更新 2026-07-01 永久链接 https://www.modbus.cn/17269.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不会被公开。 必填项已用 * 标注