最近学习遇到了一个UI自适应的问题
如下图:
1335*750

当切换到free aspect下

经验条因为没有设置两边对齐就会出现间隙问题
这几个小格子我是用的grid layout Group 来调整的,所以在自适应的时候,随着屏幕变化,只需要更改这个组件下的cellSize即可。
首先看第一张图

因为除经验条外其他的宽度都是固定大小的可以在其UI的rect transform组件下计算出其总宽度,然后再加上这十个经验条的总宽度就==屏幕的总宽度。然后就是小学生解方程就可以得出每个经验条的cellSize宽度大小。
- 注意这里的画布的UI Scale Mode模式是Scale With Screen 因为这样UI的缩放才会随着屏幕的变化而变化。也正是这样才引出我这个问题的出现
下面来看代码的实现
private void ScreenAdaptation(

本文介绍了一种解决UI自适应问题的方法,通过计算屏幕相对于原始屏幕的缩放比及实际屏幕宽度,调整GridLayoutGroup组件下的cellSize,确保经验条等元素在不同屏幕尺寸下能够平滑缩放。
最低0.47元/天 解锁文章
1075

被折叠的 条评论
为什么被折叠?



