跳到主要内容

界面编辑器介绍

  1. 页面结构: 显示所有的页面,展开后可显示该页面所有控件列表。
  2. 编辑区域: 显示和编辑当前选中页面的UI预览。单击可以选中控件;选中控件后拖动可以移动控件位置,拖动周围的8个点则可以改变控件大小。鼠标滚轮可以缩放显示区域,鼠标中键可以移动显示区域,右键菜单中可以删除控件。
  3. 组件库: 选中后在显示区域中拖动会在当前选中控件下新建控件,未选中控件时会在页面中创建,也可以拖动图标到显示区域中创建控件。组件库内包含一些已经设置好的控件,以方便使用。
  4. 属性面板: 显示和修改当前选中控件的属性。

页面结构介绍

显示所有页面、所有控件的名称和层级关系;可以拖动进行排序和分组,分组后移动父控件时,也会移动所有子控件;排序在下方的控件会更优先展示给玩家。

  1. 添加按钮: 新建一个空页面。
  2. 主页面: 每个游戏默认会创建一个MainPage,这个页面会自动展示在游戏中。
  3. 锁定: 是否能在编辑区域中选择此元素。
  4. 可见性: 设置该元素在游戏中显示或隐藏。

属性面板介绍

基础属性

类型: 控件的类型关系到控件具有哪些属性和操作,无法修改。

名字: 修改该控件的名称。在触发里可以通过名称找到页面中指定的控件。

可见性: 设置控件是否在游戏中可见。在需要的时候可以通过触发更改可见性,常用于显示或隐藏一个操作面板,例如背包。

布局

自动布局: 默认开启,采用相对锚点的位置确定控件坐标,关闭后切换为绝对位置,相对父控件的左上角对齐。

相对位置: 相对目标位置进行偏移。

尺寸: 控件的宽度和高度。

锚点:相对父控件,可自行设置的一个固定点。控件到锚点的距离由相对位置决定。

相对父元素: 以父元素的目标方向进行对齐。

剪裁子控件: 设置超出控件区域的子控件是否显示

外观

背景颜色: 调整控件的颜色。

透明度: 调整控件透明度。

图片: 设置控件的图片,可以从资源库或外部文件中选择。

将图片尺寸同步到控件尺寸:设置控件尺寸为图片尺寸。

配置图片: 配置图片的九宫边框属性。九宫是一种令一个尺寸的图片适配不同尺寸按钮的方式,图片边框距离外的图像会被拉伸,边框距离内的图像永远保持不变。

文本: 指定控件显示的文字。

事件

使用自定义事件时,需要指定事件名,点击创建按钮创建触发并编写对应的回调逻辑。