微信小游戏的屏幕适配方案

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

许久未曾更新内容，近期主要专注于微信小游戏的开发工作，其中屏幕适配问题在各个层面都频繁出现。
遗憾的是，相关论坛上的资料以及切实可行的应对措施仍然较为匮乏，只能依靠自身摸索解决。
接下来将探讨在微信平台中实现多类型屏幕适配的具体方法。

希望寻找解决方案的读者可直接跳转至后续部分查阅。

工具

LayaAir 引擎
TypeScript 语言

关键关注点识别

1. 主要涉及背景图像以及边框区域邻近的用户界面组件位置重新布局
2. 在完成缩放操作后，安全区域（该区域内容不会被截断）内的用户界面响应位置是否会受到变动影响

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

屏幕方向

无论屏幕方向如何变化，其物理屏幕方向均保持不变

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