• 产品手册
  • 编辑器功能手册
  • UI编辑器
  • 控件

控件

节点板块中展示了每个画板里的控件。你可以在这里对控件进行重命名,对控件的层级进行调整添加删除操作。

N131

列表展示: 点击arrow_2 收起、展开控件区域。

控件名称: 双击文本部分可以为控件重命名。

可视: 设置该控件是否在画布中可见visible表示可见,invisible表示不可见。

⚠️

注意:如果层级较的高图层被设为不可见,层级较低的图层被设为可见,那么整个图层以较高层级图层的设置为准。

锁定: unlock表示层级未被锁定,locked表示层级被锁定,此时你无法改变或者编辑该层级。

添加: 点击common_search_add_hover_liang可以在本画板内新增控件。

删除:点击asset store_home_delete_liang_nml可以删除当前选中控件。

功能菜单:右键点击控件名称可以展开控件的功能菜单,你可以复制、粘贴、删除控件,也可以对控件进行重命名、复制路径,或者将控件转化为元件

N132

迷雾控件使用说明

  1. 迷雾控件用途

主要用于UI层面的阴影效果,常用来制作天赋树解锁等。如图

(需要美术制作贴图,没有特别需求不推荐使用迷雾控件。)

fogWidget1 2. 控件的创建

UI编辑器拖拽创建:元件库-官方元件

fogWidget2

  1. 实现逻辑

迷雾和可见区域根据表格数据生成,相当于在UI界面上生成一个网格状遮罩节点,

通过表定义网格的行列数。举例:

表大小 : M, N (6*4)

每格像素:32

则遮罩节点Node的尺寸为((632)(4*32)),对应到界面的尺寸和坐标

通过设置lua表格数据可见性V值(0,1,0,1对应网格顶点)来设置对应区域的迷雾状态。

无法使用表格编辑器上创建的多维表 ,必须使用lua表!!

如图:

fogWidget3

对应效果

fogWidget4

  1. 使用案例
  2. 创建迷雾控件
  3. 设置迷雾贴图(默认给的贴图效果见上图,为方格形状。贴图一般需要美术制作或者有相关知识)
  4. 设置迷雾表大小
  5. 创建lua表
  6. 设置UI迷雾遮罩表格为fogWidget5
  7. 设置表格数值

具体使用可参考测试图