FairyGUI 如何做Safe Area 适配，我现在找到所有网上已有信息，没一个靠谱的。分享一下我的做法：
1. 写个自己的屏幕尺寸适配函数 updateScalerAndGRoot 。
    * 目标是代替 Stage.cs 中的 HandleScreenSizeChanged 函数的后半部分中的 scaler.ApplyChange()与 GRoot.inst.ApplyContentScaleFactor() 这两个函数的功能。
2. 这个函数的实现内容是：
    * 获取安全区域
    * 根据你的适配方案计算 scaleFactor 和 scaleLevel，设置到 UIContentScaler 中。然后 StageCamera.screenSizeVer++。
    * 根据你得适配方案，设置 GRoot.inst 的尺寸、缩放、位置。
3. 初始化 UI 系统时，调用 updateScalerAndGRoot ()，然后监听 Stage.inst.onStageResized 事件。
    * 在事件处理中调用 context.PreventDefault()。这样就能禁止默认的适配代码执行。
    * 然后再执行 updateScalerAndGRoot()

  
至于适配 safe area 的算法。我的建议：// 让设计分辨率的范围，能再安全区域内全部显示，并且上下或左右顶住安全区域。
const scaleFactor = Math.min(safeAreaWidth / DESIGN_RES_X, safeAreaHeight / DESIGN_RES_Y);
// 让 GRoot 尺寸，在实际素尺寸上符合 safeAreaWidth, safeAreaHeight，但是设计尺寸放大 scaleFactor
gRoot.SetSize(Math.ceil(safeAreaWidth / scaleFactor), Math.ceil(safeAreaHeight / scaleFactor), true);
gRoot.SetScale(scaleFactor, scaleFactor);
// 让 GRoot 的位置，为 safeAreaX, safeAreaY
gRoot.SetXY(safeAreaX, safeAreaY, true);
这样，UI 设计时只要使用 DESIGN_RES_X, DESIGN_RES_Y 作为组件尺寸。可以保证 safe area 适配。 查看全部

// 让设计分辨率的范围，能再安全区域内全部显示，并且上下或左右顶住安全区域。

const scaleFactor = Math.min(safeAreaWidth / DESIGN_RES_X, safeAreaHeight / DESIGN_RES_Y);

// 让 GRoot 尺寸，在实际素尺寸上符合 safeAreaWidth, safeAreaHeight，但是设计尺寸放大 scaleFactor

gRoot.SetSize(Math.ceil(safeAreaWidth / scaleFactor), Math.ceil(safeAreaHeight / scaleFactor), true);

gRoot.SetScale(scaleFactor, scaleFactor);

// 让 GRoot 的位置，为 safeAreaX, safeAreaY

gRoot.SetXY(safeAreaX, safeAreaY, true);

如果这张图在编辑器里将纹理集设置为单独，则不会有黑边，搞不懂为啥