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组成结构大致是这样子的,大家可以自行调整,怎么好看就怎么放(自由发挥)
大致效果就出来啦~,大家快去自己试一试吧~