1.文字控件介绍
文字控件是用于显示数值、提醒和时间等,应用场景比较广泛。

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

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


图2.1 添加文字控件

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

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

,点击添加按钮可添加多个文本显示,如图 3.1 所示。

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


图3.1 外观属性修改

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

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


图3.2 文本形态设置

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

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


图3.3 修改字体

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

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


图3.4 修改文字颜色

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

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


图3.5 修改背景色

3.5 如何修改对齐方式
点击对齐方式下的按钮,用户可根据需求输入的文本的对齐方式进行修改,对齐方式默认为居中,如图 3.6所示。

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


图3.6 修改对齐方式

4.应用案例

4.1 如何设置多种语言切换
通过点击单选按钮切换中英文显示,具体操作方法及设置如下。

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

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


图4.1 添加语言

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

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


图4.2 添加控件

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

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


图4.3 设置多语言

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

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


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

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


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

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


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

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


图4.6 单选按钮添加事件

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

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


图4.7 仿真演示

4.2 如何通过按钮切换文字控件显示

1 、如何添加控件
点击常用控件模块中的文本和按钮图标,添加一个文字控件和按钮控件,如图 4.8 所示。

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


图4.8 添加控件

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

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



图4.9 设置文字控件

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

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


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

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


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

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


图4.11 事件设置

5 、仿真演示
点击仿真运行按钮,弹出仿真运行窗口,点击按钮可切换文字控件的文本显示如图 4.12 所示。

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


图4.12 仿真演示

相关产品

发表回复

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

邮箱

cloud@modbus.cn

QQ
QQ
微信
微信
SHARE
TOP