界面编辑器介绍
- 页面结构: 显示所有的页面,展开后可显示该页面所有控件列表。
- 编辑区域: 显示和编辑当前选中页面的UI预览。单击可以选中控件;选中控件后拖动可以移动控件位置,拖动周围的8个点则可以改变控件大小。鼠标滚轮可以缩放显示区域,鼠标中键可以移动显示区域,右键菜单中可以删除控件。
- 组件库: 选中后在显示区域中拖动会在当前选中控件下新建控件,未选中控件时会在页面中创建,也可以拖动图标到显示区域中创建控件。组件库内包含一些已经设置好的控件,以方便使用。
- 属性面板: 显示和修改当前选中控件的属性。
页面结构介绍
显示所有页面、所有控件的名称和层级关系;可以拖动进行排序和分组,分组后移动父控件时,也会移动所有子控件;排序在下方的控件会更优先展示给玩家。
- 添加按钮: 新建一个空页面。
- 主页面: 每个游戏默认会创建一个MainPage,这个页面会自动展示在游戏中。
- 锁定: 是否能在编辑区域中选择此元素。
- 可见性: 设置该元素在游戏中显示或隐藏。
属性面板介绍
基础属性
类型: 控件的类型关系到控件具有哪些属性和操作,无法修改。
名字: 修改该控件的名称。在触发里可以通过名称找到页面中指定的控件。
可见性: 设置控件是否在游戏中可见。在需要的时候可以通过触发更改可见性,常用于显示或隐藏一个操作面板,例如背包。
布局
自动布局: 默认开启,采用相对锚点的位置确定控件坐标,关闭后切换为绝对位置,相对父控件的左上角对齐。
相对位置: 相对目标位置进行偏移。
尺寸: 控件的宽度和高度。
锚点:相对父控件,可自行设置的一个固定点。控件到锚点的距离由相对位置决定。
相对父元素: 以父元素的目标方向进行对齐。
剪裁子控件: 设置超出控件区域的子控件是否显示
外观
背景颜色: 调整控件的颜色。
透明度: 调整控件透明度。
图片: 设置控件的图片,可以从资源库或外部文件中选择。
将图片尺寸同步到控件尺寸:设置控件尺寸为图片尺寸。
配置图片: 配置图片的九宫边框属性。九宫是一种令一个尺寸的图片适配不同尺寸按钮的方式,图片边框距离外的图像会被拉伸,边框距离内的图像永远保持不变。
文本: 指定控件显示的文字。
事件
使用自定义事件时,需要指定事件名,点击创建按钮创建触发并编写对应的回调逻辑。