关于创建背包系统的一些小知识点

1.老规矩,先创建一个新项目

2.然后把Game窗口设置为1920*1080

3.创建一个Canvas,分辨率设置为1920*1080

UI缩放模式改为:屏幕大小缩放
参考分辨率:1920*1080

        为什么要设置这个参数呢,因为这样子做,后面无论怎么改变屏幕大小和Game窗口的缩放,UI都会跟着变化,不会有奇怪的形变发生

4.在Canvas下创建一个新的空物体(我命名为背包界面),并调整它的锚点预设

摁住Alt键,选中右下角的预设效果

5.接下来,在背包界面下,创建一个背景图片和5个(空物体)锚点

同上,需要调整一下锚点的位置,方便后续的操作

其他几个锚点也需要调整一下

6.编辑顶上的icon图标效果

观察这个图标,可以发现,这个结构由3个部分组成,分别是【被选中的icon图标】【未被选中的icon图标】【底下的横线】,于是,可以判断出,我们的结构应该是这样的:

菜单为空物体(需要调整高度位置),同时为菜单组件添加【Horizontal Layout Group】组件和【Content Size Fitter】组件,这一步,是为了让多个图标可以自行排列,【Horizontal Layout Group】组件的对齐方式选择Middle Center ,【Content Size Fitter】组件的水平匹配选择Preferred Size,完成这两步骤,就已经完成大部分工作了。

7.创建滚动视图,用于存储背包中的物品

在中间的锚点创建一个Scroll View,调整一下位置和宽高

由于我们不需要水平位置上的滚动条,所以我们只需要保留【Scroll Rect】的垂直方向

8. 调整滚动视图的Content组件

这一步是为了让UI Item可以自适应排序,大家可以参考我的参数,自己调一下即可

完成这一步,就可以开始编辑我们的UI Item了

我的UI Item组成结构大致是这样子的,大家可以自行调整,怎么好看就怎么放(自由发挥)

大致效果就出来啦~,大家快去自己试一试吧~

参考来源:最全面的游戏背包系统讲解

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值