在项目中出现故障信息,或者是常见的设备信息等都需要小弹窗,当然小弹窗的实现方式也有很多,下面就讲一个touchgfx 设计器自带的一种方式。
一.添加小弹窗
(1)效果如下:
点击设备信息按钮后,弹出小窗口,显示设备信息
点击设备信息后,出现弹窗。
然后点击叉号后,退回到主界面。
弹窗的应用比较常见,方法也比较多,本节就使用一个touchgfx的一个控件
(2)Modal Window控件
(3)给该控件添加背景图片,和一个按钮(也就是叉号)注意,最后该控件,属性要设置成隐藏。
(4)添加两个事件,一个是“设备信息”按钮的触发事件,和“叉号”按钮的触发事件,也很好理解,一个是为了打开弹窗,一个是为了关闭弹窗。
点击设备信息按钮后,弹出小窗口
叉号之后关闭小窗口。
(5)将modalWindow放在界面的最顶层,空间设置为隐藏。注意叉号按钮和文本信息按钮要所属于modalWindow下
这种弹窗的方式,是直接布置好两个窗口,通过自带的功能,通过隐藏的功能实现了弹窗的切换。
这种方法弹出设备信息比较合适,简单,容易理解。如果我们需要打印一些故障的弹窗,建议使用自定义组件的方式,可以在自己想弹出的地方
通过程序进行灵活的弹出及文本数据的显示。