0
点赞
收藏
分享

微信扫一扫

touchGFX控件学习七、Modal Window控件


一、效果展示

touchGFX控件学习七、Modal Window控件_学习


touchGFX控件学习七、Modal Window控件_另存为_02


touchGFX控件学习七、Modal Window控件_ui_03

二、控件介绍

   Modal Window是一个Container类型的小部件,它显示窗口并阻止底层视图和小部件的触摸事件。Modal Window由一个背景图像和一个方框组成,该方框在底层视图和具有可调整alpha的小部件上充当阴影。Modal Window将填满整个屏幕,并应始终作为最后一个元素添加,以便它始终位于所有其他元素的顶部。

touchGFX控件学习七、Modal Window控件_另存为_04

三、使用图片资源

鼠标右键另存为就可以

touchGFX控件学习七、Modal Window控件_学习_05


touchGFX控件学习七、Modal Window控件_学习_06


touchGFX控件学习七、Modal Window控件_Image_07


touchGFX控件学习七、Modal Window控件_另存为_08


touchGFX控件学习七、Modal Window控件_另存为_09

四、touchGFX工程搭建

1、添加图片

touchGFX控件学习七、Modal Window控件_右键_10

2、实现界面

touchGFX控件学习七、Modal Window控件_右键_11

3、参数设置

touchGFX控件学习七、Modal Window控件_ui_12


touchGFX控件学习七、Modal Window控件_学习_13

4、添加interactions

touchGFX控件学习七、Modal Window控件_ui_14


touchGFX控件学习七、Modal Window控件_另存为_15


touchGFX控件学习七、Modal Window控件_Image_16


touchGFX控件学习七、Modal Window控件_Image_17


直接运行仿真器就能看到效果

五、参数解析

Window Image:指定窗口背景图片。
Shade Color :指定覆盖的颜色。
Shade Alpha:覆盖颜色的透明度。


举报

相关推荐

0 条评论