基本概念
自定义控件
基本概念 把控件做成你想要的样子 自定义控件不只是改颜色。它还包括内容、布局、图标、详情、反馈和样式槽位这些部分。 # 自定义控件主要在改什么 当前编辑器里,控件的可调整内容主要集中在这几类: 内容 名字、别名、简介、详情文本、按钮文字、按钮提示。 图标 可以选择图标资源,直接改变控件的主视觉。 布局 按钮位
基本概念
把控件做成你想要的样子
自定义控件不只是改颜色。它还包括内容、布局、图标、详情、反馈和样式槽位这些部分。
# 自定义控件主要在改什么
当前编辑器里,控件的可调整内容主要集中在这几类:
内容
名字、别名、简介、详情文本、按钮文字、按钮提示。
图标
可以选择图标资源,直接改变控件的主视觉。
布局
按钮位置、容器方式、子控件、子菜单和显示开关。
样式
通过样式槽位给不同区域分别加规则。
# 先从基础内容开始
一个控件最先会影响玩家感受的,通常不是脚本,而是这些基础内容:
- 名字
- 别名
- 图标
- 简介
- 按钮文字
- 按钮提示
- 详情文本
如果这些内容已经清楚了,控件本身就会更容易读懂。
# 布局决定控件像什么
你可以先通过 控件类型 和 显示 / 布局,把控件做成不同形式:
| 想做的效果 | 常见做法 |
|---|---|
| 普通按钮 | 使用 默认 或按钮位置类控件类型 |
| 信息卡片 | 保留名字、图标、简介和按钮区 |
| 弹窗入口 | 使用 控件容器(弹窗) |
| 折叠内容 | 使用 控件容器(折叠) |
| 进度显示 | 使用 进度条 或 环形进度条 |
| 输入或开关 | 使用 数字输入框、数字滑动条、开关 |
# 样式槽位是现在最重要的外观入口
在“显示 / 布局”里,当前有一个专门的 布局工具 区域,可以选择不同样式槽位,并继续添加规则。
你可以把它理解成:
- 先选要改哪一块
- 再给这一块继续加样式规则
这样做的好处是,一个控件的不同区域可以分开调整,而不是整块一起改。
# 自定义控件时常会一起改哪些显示项
除了样式槽位,当前还可以继续搭配这些设置:
- 覆盖按钮文字
- 显示按钮提示
- 成功反馈
- 失败反馈
- 是否隐藏
- 是否始终显示
- 点击后关闭弹窗
- 是否显示结果弹窗
- 是否禁用详情
这些开关一起使用时,控件会更接近完整页面部件,而不只是一个单独按钮。
# 图标和详情文本很常用
如果你想让控件更有辨识度,当前最常用的两个位置就是:
# 图标
图标会直接影响控件第一眼的观感,适合用来区分:
- 资源类控件
- 技能类控件
- 菜单入口
- 特殊状态
# 详情文本
详情文本适合补充:
- 更完整的说明
- 点击前的说明信息
- 一段更长的玩法介绍
- 某个选项的额外解释
# 对象类控件还有额外显示能力
如果控件开启了对象相关设置,当前还可以继续决定:
- 绑定哪个类对象
- 是否使用对象名字
- 是否使用对象介绍
这类控件很适合做:
- 角色卡片
- 道具卡片
- 列表项
- 对象详情入口
# 自定义控件时可以用这个顺序
1
先定控件类型
先确定它是按钮、容器、进度条还是输入控件。
2
再补内容
补名字、简介、图标、按钮文字和详情文本。
3
继续调布局和样式
调整按钮位置、子控件、子菜单和样式槽位。
4
最后补反馈
补成功 / 失败提示、结果弹窗、详情和其他显示开关。
# 下一页
继续看 事件系统。