设置界面背景
学会图片后,我们来给UI加上背景吧!
"background": {
"type": "image",
"texture": "textures/ui/background",
"layer": -100,
"fill": true
}
提示
值最好填上"命名空间.控件名"
命名空间是这个json文件开头的"namespace"键后面的值
"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"
}
这里以start_screen.json(开始界面)为例
首先,可以看到
更换皮肤的界面与start界面的背景不同
要做到样其实很简单
这里以下图作为背景示例
首先准备图片并放入指定路径,然后在想添加背景的文件写好图片控件
* 图片控件最好加上"fill": true属性
写好控件后,在文件中找到控件名带有“@common.base_screen”的控件
并在这个控件下方添加属性
属性 | 属性名 | 值 | 默认值 | 描述 |
---|---|---|---|---|
$screen_bg_content | 屏幕背景 | 字符串 | common.empty_panel | 例如:"$screen_bg_content": "start.background" |
值最好填上"命名空间.控件名"
命名空间是这个json文件开头的"namespace"键后面的值
填完后代码就像这样子