使用背景
为了在UI中使用特效层,项目Canvas采用了Screen Space-Camera类型
UI的Scale Mode 选择的是Scale With Screen Size 的Expand,画布大小填的是1334, 750
在该选择下,会自动根据分辨率适配宽度/高度。
自动适配的规则是:
屏幕实际宽高比值的 < 画布大小的宽高比值 采用以宽度缩放
屏幕实际宽高比值的 > 画布大小的宽高比值 采用以高度缩放
screen.width/screen.height < 1334/750
实际问题
1.血条或者头顶的ui,跳字的位置会有偏差,根据3D坐标转2D坐标的接口得到的坐标(Camera.main.WorldToScreenPoint)已经不适用了,需要做缩放。
缩放的解决方式:
以宽缩放,需要以宽的缩放比例去缩放高
ratio = 1334/screen.width
x = screen2d.x * ratio - screen.width/2 // 以宽度的比例求出x值(减去屏幕大小的一半是因为锚点在中心)
y = (screen2d.y - screen.height/2) * ratio // 直接以宽的比例求出y值
以高缩放,需要以高的缩放比例去缩放高
ratio = 750/screen.height
x = (screen2d.x - screen.width/2) * ratio // 直接以高的比例求出x值
y = screen2d.y * ratio - screen.height/2 // 以高度的比例求出y值(减去屏幕大小的一半是因为锚点在中心)
ui使用该坐标即可完美的适配
2.当遇到ipad这种宽高度比低的会以宽度适配,导致上下留白。
解决方式让ui做高些,现在还没做一些其他尝试。先临时处理
3.刘海屏
项目解决思路
打表的形式,ios有自己的接口screen.safearea,Android9之后有api接口,其他安卓厂商有自己的设定,只要把市面的机型刘海高度记录下来,适配的时候直接使用即可。
ios安全范围参考: