Layaair 屏幕的适配

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都放在 里面就好了 大家可再细化!

 这是个长手机

这是个宽的

经过测试都 OK

猜你喜欢

转载自blog.csdn.net/nicepainkiller/article/details/83862351