跳到主要内容
版本:1.10.19_build_2024.5.22.17.56

图层

图层控件用于显示多层图像,也可以通过图层控件实现动画效果。

点击编辑菜单中“添加控件”按钮,在下拉的控件列表中点击“图层”控件。

界面右上角会弹出“添加widget成功”消息,在"编辑区"可以看到新添加的图层控件。选中图层控件,可以在“属性”栏对其进行编辑。

名称、ID、坐标、宽度、高度、阻断触摸、变换、纹理压缩模式、可替换升级、纹理为通用属性,在“基础设计——编辑属性”部分进行了统一介绍,这里不再赘述。

当该控件属性中“数据来源”设定为“纹理”(默认状态)时:

图层控件的纹理中可单张或批量插入图片,支持修改图片名称。预览框后的删除和下载按钮可对图层进行相应操作。

图层中的每张图片有唯一编号。

图层控件的纹理中也可以直接插入文本

该文本的字体样式可以在“字体”属性中调整。

该文本的对齐方式(左对齐、居中、右对齐)、行距、模式(单行、双行)、文字方向(从左向右、从右向左)在图层控件的“属性”栏中调整。

“图层绘制”功能用于“复制指定页面指定区域背景图”,详见“高阶设计——变量和动作”中“copyBackground1”指令介绍。

“变量”下拉列表中可以选择变量,与控件进行绑定。图层控件绑定变量将传输纹理中的图片编号或者文本,实现对图层显示顺序的控制。

当该控件属性中“数据来源”设定为“截图”时:

此时需要使用动作指令中的“snapshot”(保存当前页面截图)和“blurSnapshot”(对页面截图进行2x缩放模糊N次)指令,如下,我们添加两个按钮控件并配置相应指令,


进入仿真器界面,先点击snapshot按钮,后多次点击blurSnapshot按钮,就可以得到模糊化的页面截图: