控件
节点板块中展示了每个画板里的控件。你可以在这里对控件进行重命名,对控件的层级进行调整,添加,删除操作。
列表展示: 点击 收起、展开控件区域。
控件名称: 双击文本部分可以为控件重命名。
可视: 设置该控件是否在画布中可见表示可见,
表示不可见。
⚠️
注意:如果层级较的高图层被设为不可见,层级较低的图层被设为可见,那么整个图层以较高层级图层的设置为准。
锁定: 表示层级未被锁定,
表示层级被锁定,此时你无法改变或者编辑该层级。
添加: 点击可以在本画板内新增控件。
删除:点击可以删除当前选中控件。
功能菜单:右键点击控件名称可以展开控件的功能菜单,你可以复制、粘贴、删除控件,也可以对控件进行重命名、复制路径,或者将控件转化为元件。
迷雾控件使用说明
- 迷雾控件用途
主要用于UI层面的阴影效果,常用来制作天赋树解锁等。如图
(需要美术制作贴图,没有特别需求不推荐使用迷雾控件。)
2. 控件的创建
UI编辑器拖拽创建:元件库-官方元件
- 实现逻辑
迷雾和可见区域根据表格数据生成,相当于在UI界面上生成一个网格状遮罩节点,
通过表定义网格的行列数。举例:
表大小 : M, N (6*4)
每格像素:32
则遮罩节点Node的尺寸为((632)(4*32)),对应到界面的尺寸和坐标
通过设置lua表格数据可见性V值(0,1,0,1对应网格顶点)来设置对应区域的迷雾状态。
无法使用表格编辑器上创建的多维表 ,必须使用lua表!!如图:
对应效果
- 使用案例
- 创建迷雾控件
- 设置迷雾贴图(默认给的贴图效果见上图,为方格形状。贴图一般需要美术制作或者有相关知识)
- 设置迷雾表大小
- 创建lua表
- 设置UI迷雾遮罩表格为
- 设置表格数值
具体使用可参考测试图