微信小游戏屏幕适配方案

首发于我的个人博客-微信小游戏屏幕适配

很久没有发文了，最近一直在研究微信小游戏，屏幕适配问题真的是哪里都存在。
无奈论坛资料及可行的解决方案还是太少，还是得靠自己。
且来看一看在微信上如何达到适配多样化屏幕

奔着解决方案来的可直达解决方案

工具

LayaAir 引擎
TypeScripte 语言

需要关注的点

1. 主要集中在背景图及边框附近的UI元素位置重设
2. 缩放后安全区域（不会被裁切）内的UI 响应位置是否会被改变

与屏幕有关的一些基础内容

屏幕方向

不受屏幕方向影响，不会改变物理屏幕方向

//竖屏 
Laya.stage.screenMode = Laya.Stage.SCREEN_VERTICAL
//横屏
Laya.stage.screenMode = Laya.Stage.SCREEN_HORIZONTAL

缩放模式

Laya.init之后，舞台宽高无法再更改

Laya.stage.scaleMode

Laya.Stage.SCALE_NOSCALE  "noscale"
Laya.Stage.SCALE_FULL   "full"
Laya.Stage.SCALE_EXACTFIT "exactfit"
Laya.Stage