2. 添加图片
放入 PNG 文件，创建图片组并登记 gem
上一页已经登记 tutorial_font。这一页为同一个 HUD 准备宝石图标。
要准备的文件
gem.png
config.yml
放入 PNG
下载示例宝石 PNG，保存为 gem.png，放到：
plugins/Xerr/core/assets/image/tutorial/ui/textures/gem.png也可以使用自己的透明 PNG。教程图标显示高度为 10 像素，宽度会保持原图比例。
登记图片
新建同组的 config.yml：
img:
gem:
path: gem
height: 10图片组的配置文件必须叫 config.yml；不能像 Layout 一样任意命名。
认识图片地址
| 名称 | 本教程的值 | 来自哪里 |
|---|---|---|
namespace | tutorial | image 下的目录名 |
basename | ui | 图片组目录名 |
id | gem | img 下的节点名 |
path | gem | textures/gem.png，不写后缀时按 PNG 读取 |
以后怎样引用
Layout 中的写法是：
image:
namespace: tutorial
basename: ui
id: gem这个片段不能另存为图片配置，它只是 Layout 引用已经登记资产的方式。
完成检查
textures/gem.png已经存在。config.yml放在ui目录，不是textures目录。- 配置有
img节点。 path: gem对应真实文件。
图片也不会因为登记完成就自动显示。下一步把字体和图片组合到 Layout。
下一步: 创建 Layout
引用 tutorial_font 和 tutorial/ui/gem。