UI编辑器(四)层级
层级
顾名思义,就是一个展示元件之间的位置和子父关系的列表。在层级界面中,你可以快捷的选择元件,调整元件的前后位置,调整元件的子父关系,打开属性列表甚至切换是否隐藏。
层级界面可以在这里打开:
认识层级界面
元件按钮 代表元件的按钮,点击可以选中对应的元件,按钮也变成浅蓝色的背景的选中状态。
菜单按钮 点击菜单按钮可以打开菜单,选中对应元件后对当前选中的元件进行更多操作。
从上到下,依次为:
添加 以当前选中的元件为父元件,添加一个子元件。
隐藏/显示 切换选中元件的隐藏/显示状态
删除 删除选中的元件,注意会连子元件一起删除
调整层级 调整选中元件的层级,后面会细讲。
编辑 打开属性界面。
保存为模板 此元件及其子元件的元件和属性(不包括绑定的触发器)保存为一个模板,后面可以在自定义模板里找到这个模板,添加一个这个元件的复制体。
复制 创建一个元件的复制体,不会把元件放在剪辑版上
展开和闭合按钮 可以将一个元件的所有子元件一起收起来,以节省元件栏的空间。单机可以切换展开和闭合的状态,便于阅读和管理。(为啥不给触发器做这个功能)
多选按钮 点击后会进入多选状态,多选按钮标题变成完成,并且弹出飘窗提示提示当前的选择状态。
飘窗提示 显示一个常驻飘窗,告诉你选择了几个。注意:是几个元件,父元件和子元件是两个元件。
多选框 即勾选的地方,单机勾选,再单机取消勾选。直接在设计器里点击元件、点击对应的元件列表里的元件按钮有着同样的效果。注意:如果取消勾选了全部元件,会自动退出多选状态
完成按钮 点击完成按钮完成选择,设计器会自动选择选中对应的元件,设计者可以批量操作。只有完成了选择,设计器才会选中元件,设计中才能操作选中的元件
关闭按钮 关闭层级界面。
批量操作元件
完成了元件的多选,设计器会选中选择的元件。
注意:
1 如果选中了元件和元件的其中一个或者几个子元件,那么就相当于选中了这个元件和选中的子元件,没有选中的子元件保持属性不变,绝对
2 选中的元件会批量移动,改变大小则是把选中的元件看成一个元件一样修改大小。
 
认识元件列表中的层级
元件列表中的层级遵循以下原则:
1越往下的元件越靠前
2 名称前面的距离相同的元件互为同一个父元件的子元件,这里叫做同级元件;距离更短的元件是在层级上更大的元件,距离更长的元件是在层级上更小的元件。
3 可以被一起折叠到一个元件里的元件,被折叠的元件都是折叠到的元件的子元件。
调整层级
在单选情况下,点击菜单按钮打开菜单,单机调整层级按钮,进入层级调整页面。
此时会发现,除了本身和游戏内界面,其他的元件的菜单按钮被一个十字箭头代替,点击它可以打开调整菜单。
调整至元件上方 调整元件在元件列表的位置为按钮所在元件的同级上方。
调整至元件下方 调整元件在元件列表的位置为按钮所在元件的同级方。
成为其子集 让元件成为元件列表的位置为按钮所在元件的子集。
那要让一个元件成为另一个元件的父级怎么办呢?很简单,让元件先调整到另一个元件的旁边,然后再把另一个元件调整到这个元件的子集里就可以了。
点击最下面的蓝色取消按钮可以退出。
游戏内界面
即游戏里面的原有的界面,这些界面永远在最前面,只能隐藏不能删除,也不能调整层级顺序。可以根据需要隐藏全部或者其中一些。
可以通过打开元件菜单来隐藏它们。
设计原则:尽量保留、以旧换新
尽量保留:尽量保留原有的游戏内界面,这类元件有人维护bug、可靠性高、用户熟悉
以旧换新:一是将新元件可以设计在不需要的游戏内元件里,替换那一部分的元件,因为这些地方用户熟悉,会关注到且不会有割裂的游戏体验感,例如需要一个显示时间的元件,但是这个地图基本上不会给予玩家什么状态效果,就可以把状态栏隐藏,把显示时间的元件设计在那里;二是和原有游戏界面元件相关的可以把新元件设计在一起,或者全部换掉后设计在一起,例如要加一个情绪值,就可以放在饥饿值下面,这样用户就习惯性的往那个地方看自己的状态;或者无法融入原有设计,将两个条全部隐藏,重新设计一个新的元件显示三种状态,这样设计不仅可以统一,还有更高的自由度。
2024-08-30
浏览614
大神攻略
登录后评论
11
分享