16.RT-thread项目实战--TouchGFx添加小弹窗

在项目中出现故障信息，或者是常见的设备信息等都需要小弹窗，当然小弹窗的实现方式也有很多，下面就讲一个touchgfx 设计器自带的一种方式。

一.添加小弹窗

（1）效果如下：

点击设备信息按钮后，弹出小窗口，显示设备信息

点击设备信息后，出现弹窗。

然后点击叉号后，退回到主界面。

弹窗的应用比较常见，方法也比较多，本节就使用一个touchgfx的一个控件

（2）Modal Window控件

 

（3）给该控件添加背景图片，和一个按钮（也就是叉号）注意，最后该控件，属性要设置成隐藏。

 

（4）添加两个事件，一个是“设备信息”按钮的触发事件，和“叉号”按钮的触发事件，也很好理解，一个是为了打开弹窗，一个是为了关闭弹窗。

点击设备信息按钮后，弹出小窗口

叉号之后关闭小窗口。

（5）将modalWindow放在界面的最顶层，空间设置为隐藏。注意叉号按钮和文本信息按钮要所属于modalWindow下

 

这种弹窗的方式，是直接布置好两个窗口，通过自带的功能，通过隐藏的功能实现了弹窗的切换。

这种方法弹出设备信息比较合适，简单，容易理解。如果我们需要打印一些故障的弹窗，建议使用自定义组件的方式，可以在自己想弹出的地方

通过程序进行灵活的弹出及文本数据的显示。