Layaair 屏幕的适配

Layair 的屏幕适配 主要有几个方案: 官方文档:https://ldc2.layabox.com/doc/?nav=zh-ts-1-8-0

Layaair 屏幕的适配_第1张图片

      Laya.stage.scaleMode = Laya.Stage.SCALE_SHOWALL  最小比例缩放,

      优点: 缩放完成后,缩放完成后都在屏幕内

      缺点: 缩放完成后,可能会有黑边

      Laya.stage.scaleMode = Laya.Stage.SCALE_NOBORDER   最大比例缩放, 

      优点: 缩放完成后, 没有黑边 全屏幕显示

      缺点: 缩放完成后,可能会有有部分界面 在 屏幕外边

在开发过程中其实 最反感 黑边的, 所以今天 我们就基于 SCALE_NOBORDER 来实现一个UI适配方案:

这个是设计给我的效果图 750*1334

Layaair 屏幕的适配_第2张图片

 

工程下载 工程文件

下面是我实现的, 无拉伸  UI 可以全部显示。下面把 UI都放在 里面就好了 大家可再细化!

Layaair 屏幕的适配_第3张图片

 

 这是个长手机

Layaair 屏幕的适配_第4张图片

Layaair 屏幕的适配_第5张图片

这是个宽的

Layaair 屏幕的适配_第6张图片

经过测试都 OK

你可能感兴趣的:(layaair)