设置界面背景
学会图片后，我们来给UI加上背景吧！
提示
值最好填上"命名空间.控件名"
命名空间是这个json文件开头的"namespace"键后面的值
这里以start_screen.json（开始界面）为例
首先，可以看到
更换皮肤的界面与start界面的背景不同
要做到样其实很简单
这里以下图作为背景示例
首先准备图片并放入指定路径，然后在想添加背景的文件写好图片控件
RP/ui/start_screen.json
1
2
3
4
5
6
"background": { "type": "image", "texture": "textures/ui/background", "layer": -100, "fill": true}* 图片控件最好加上"fill": true属性
写好控件后，在文件中找到控件名带有“@common.base_screen”的控件
并在这个控件下方添加属性
| 属性 | 属性名 | 值 | 默认值 | 描述 |
|---|---|---|---|---|
| $screen_bg_content | 屏幕背景 | 字符串 | common.empty_panel | 例如："$screen_bg_content": "start.background" |
值最好填上"命名空间.控件名"
命名空间是这个json文件开头的"namespace"键后面的值
填完后代码就像这样子
RP/ui/start_screen.json
1
2
3
4
5
6
7
8
9
10
11
12
"background": { "type": "image", "texture": "textures/ui/background", "layer": -100, "fill": true},"start_screen@common.base_screen": { // 此处省略了一些无关的代码 "$screen_content": "start.start_screen_content", "$screen_bg_content": "start.background"}