Layair 的屏幕适配 主要有几个方案: 官方文档:https://ldc2.layabox.com/doc/?nav=zh-ts-1-8-0
Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL 最小比例缩放,
优点: 缩放完成后,缩放完成后都在屏幕内
缺点: 缩放完成后,可能会有黑边
Laya.stage.scaleMode = Laya.Stage.SCALE_NOBORDER 最大比例缩放,
优点: 缩放完成后, 没有黑边 全屏幕显示
缺点: 缩放完成后,可能会有有部分界面 在 屏幕外边
在开发过程中其实 最反感 黑边的, 所以今天 我们就基于 SCALE_NOBORDER 来实现一个UI适配方案:
这个是设计给我的效果图 750*1334
工程下载 工程文件
下面是我实现的, 无拉伸 UI 可以全部显示。下面把 UI都放在 里面就好了 大家可再细化!
这是个长手机
这是个宽的