1.弹出窗和悬浮窗介绍

弹出窗和悬浮窗都是以小窗口显示,起到提示等作用,漂浮于原窗口之上。 (注:悬浮窗和弹出窗不同点点

击其他空白的地方时,不会自动关闭,弹出窗则会关闭)

2.如何添加窗口

打开或新建一个工程文件,点击常用控件模块中的窗口标添加窗口,窗口名称根据提示进行修改,如图 2.1 所示。

GUI Designer弹出窗和悬浮窗使用手册插图1

2.1 添加窗口

3.如何设置窗口的位置及大小

选中添加的窗口 NEW2 ,通过鼠标或右侧属性窗口中的公共对窗口的大小进行修改,如图 3.1 所示。

GUI Designer弹出窗和悬浮窗使用手册插图3

3.1 修改窗口的位置及大小

4.如何通过弹出窗/悬浮窗设置误触提示窗

点击窗口 NEW1 中的退出按键弹出提示窗口 Prompting 显示是否退出该界面,点击确认,关闭弹窗切换至主 界面 main ,点击取消则返关闭弹窗回到窗口 NEW1 中。

1 、如何添加窗口

添加两个窗口,并设置窗口名称分别为 main 和 Prompting ,具体操作步骤同上,此处不做复述,如图 4.1 所 示。

GUI Designer弹出窗和悬浮窗使用手册插图5

4.1 添加窗口

2 、如何设置窗口的大小及位置

选中 Prompting 窗口,设置 Prompting 窗口的位置及大小,具体设置方法及操作同上,此处不做复述,如同 4.2 所示。

GUI Designer弹出窗和悬浮窗使用手册插图7

4.2 设置窗口的位置及大小

3 、如何添加控件

选中窗口 NEW1 ,在窗口 NEW1 中添加一个按钮控件,以作推出按键,在 Prompting 窗口添加一个文字控件 和两个按钮控件,文字控件显示提示语,两个按钮控件分别为确认按键和取消按键,如图 4.3 所示。

GUI Designer弹出窗和悬浮窗使用手册插图9

4.3 添加控件

注:具体按钮控件和文字控件的文本设置不再做复述,具体详看《按钮类控件使用手册》和《文字控件使用 手册》

4 、如何设置窗口 NEW1 按钮事件

点击窗口 NEW1 中的按钮,点击右侧属性窗口中的事件→点击添加→事件设置为“点击”→点击处理方法下 的“… ”弹出处理方法窗口→选择窗口切换中的“显示弹出框窗口”或“显示悬浮窗口” (此处以显示弹出 框窗口为例) → 目标窗口选择 prompting 窗口,如图 4.4 所示。

GUI Designer弹出窗和悬浮窗使用手册插图11

4.4 设置事件

5 、如何设置窗口 prompting 按钮事件

点击 prompting 窗口中的确认按钮,点击右侧属性窗口中的事件,添加两个事件→事件设置均为“点击”→ 处理方法选择擦窗口切换中“关闭窗口”→ 目标窗口为“prompting”→另一处理方法为选择窗口切换中的“切 换窗口”→ 目标窗口为“main” ,具体设置方法同上,此处不再做复述如图 4.5 所示。

GUI Designer弹出窗和悬浮窗使用手册插图13

4.5 确认按钮事件设置

点击 prompting 窗口中的取消按钮,点击右侧属性窗口中的事件,添加事件→事件设置为“点击”→点击处 理方法下的“… ”弹出处理方法窗口→选择擦窗口切换中“关闭窗口”→ 目标窗口为“prompting”,如图 4.6 所示。

GUI Designer弹出窗和悬浮窗使用手册插图15

4.6 取消按钮事件设置

6 、仿真演示

点击仿真演示按钮GUI Designer弹出窗和悬浮窗使用手册插图17 ,弹出仿真运行窗口

点击窗口 new1 中的退出按钮,弹出提示窗口,如图 4.7 所示。

GUI Designer弹出窗和悬浮窗使用手册插图19

4.7 点击退出按钮

点击弹出框中的确认按钮,关闭弹窗并切换至 main 窗口如图 4.8 所示。

GUI Designer弹出窗和悬浮窗使用手册插图21

4.8 切换至main 窗口

点击取消按钮,关闭弹窗,返回到窗口 NEW1 中,如图 4.9 所示。

GUI Designer弹出窗和悬浮窗使用手册插图23

4.9 切换至窗口NEW1

相关产品

发表回复

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

邮箱

cloud@modbus.cn

QQ
QQ
微信
微信
分享本页
返回顶部