UID548063性别保密经验 EP铁粒 粒回帖0主题精华在线时间 小时注册时间2022-8-5最后登录1970-1-1
| 本帖最后由 我是李君子 于 2024-1-13 13:11 编辑
引言
回来讲这个ui呢,属于是回归老本行了啊
以前有一段时间我对这个ui非常的痴迷
因为他不仅实用,还可以炫耀技术,并且也是非常的有意思,简单易用
准备
原版的ui/start_screen.json移到自己的文件夹并修改
一张背景图(随便)
技巧教学
这次我们讲的内容呢,十分简单,也很有趣
我们要给主页面添加一张静态背景图片
就像我做的这个(不是让你看布局,这个布局我调试了二十多分钟)
我们来做一个这样的静态背景(background)效果
首先,我们来说一下最主要的知识点
- "$screen_bg_content": "ui元素位置名称",
复制代码
比如我这个是
- "$screen_bg_content": "start.bgc"
复制代码
这个开始页面 (screen) 的screen的背景元素 (element) 指向了命名空间 (namespace) 名为start (就是开始页面) 的bgc ui元素
接下来我们直接在这个文件里创建一个bgc ui元素
Ok,接下来在{}里写入相关属性
首先我们要让游戏知道,这是一个图片类型的元素,对不对
- "bgc": {
- "type": "image",
- "texture": "图片线路"
- }
复制代码
Ok,我们成功创建了一个背景图片元素
但是,你会发现,这个图片,他不会填充满整个背景
这里就需要用到一个属性 即fill,将他的布尔值改为true
- "bgc": {
- "type": "image",
- "texture": "图片线路",
- "fill": true
- }
复制代码
这样呢,咱们就完成了背景图的铺满
但是,你一测试就会发现,诶?,他和别的ui元素有冲突,这是因为,我们没有设置背景图片的图层
- "bgc": {
- "type": "image",
- "texture": "图片线路",
- "layer": -100,//-100层
- "fill": true
- }
复制代码
现在就大功告成了
你可以加载到游戏进行测试
另外您还要注意,如果json不符合json文本规范(即符号规范之类),您的包会报错
请检查有没有丢掉 , " 这些符号
结语
这个属性可以适用于任何screen元素中,他可以帮助创作者进行快速开发,十分方便
<button onclick="alert('学会了就快去试试吧')">学会了吗</button>
|
|