场景创建Sprite (单色)组件并重命名为Tip，Size H 设置为 100，颜色 设置为 黑色，透明度Opacity 设置为 160，挂载Widget组件。 [图片] [图片] Tip节点下创建Label (文本...

当碰到有类似地图跟随这样的功能，每个相机渲染的内容不一样，即Main Camera渲染UI对象以外的所有对象，UI Camera只渲染UI对象，我们要设置所有UI对象的Group为UI。 [图...

UI和Panel对应的脚本是普通的类而不是Cocos Creator的组件，所以不能使用组件的schedule和scheduleOnce这些定时接口，这样框架就需要提供一个自己的定时管理器。 新建fra...

抖音小游戏上线有倒计时类的程序，如果弹出了窗口，要求暂停倒计时，窗口关闭后继续倒计时。所以Panel管理器需要抛出窗口显示和隐藏这两个事件。 编辑framework/scripts/...

事件管理器一般用于各模块代码之间的解耦，提高代码的可维护性。 新建framework/scripts/manager/EventMgr.ts，内容如下 。 interface IHandler { cb: Function...

编辑framework/scripts/view/PanelMgr.ts，增加isAlive，updateView,hideAll方法。 // 判断 Panel 是否打开 public static isAlive(panelCls: any): boolean { const...

编辑framework/scripts/view/PanelMgr.ts，修改show方法。 public static async show(panelCls: any, ...panelArgs: any[]) { TopBlock.show() const cls = new...

创建bundles/view目录，点击view目录，右侧属性面板配置为 Bundle勾选，点击应用按钮。 [图片] 复制resources/PanelYellow到bundles/view目录下面并重命名为PanelGreen，...

我在执行 go run xxx 命令的时候，提示以下信息，我使用的是 gvm go1.18版本 ld: warning: '/private/var/folders/nf/f4bk5n4s1mz_06rp5590ddww0000gn/T/go-link-1578785...

当Panel切换频繁，为了避免频繁加载资源，给Panel设置是否缓存的选项，当开启缓存时关闭Panel时把Panel对象隐藏，打开时显示Panel对象。 编辑scripts/PanelYellow.ts，开...

虽然框架已经提供了几种显示方式，但对程序来讲是远远不够的，所以要有自定义显示方式。 编辑framework/scripts/view/PanelBase.ts，增加tweenShow和tweenHide两个成员。...

Panel的位移显示包括从 上、下、左、右 到中间的移动，因为只有初始点位置不一样，这里抽成一个方法。 编辑framework/scripts/view/PanelMgr.ts，增加showSideToCenter方...

目前Panel的打开和关闭是直接显示和隐藏节点，本章添加一个打开时从中间放大，关闭时从中间缩小的效果。 编辑framework/scripts/view/PanelBase.ts，增加easingShow和eas...

[图片]

遮罩相关属性 编辑framework/scripts/view/PanelMgr.ts，增加遮罩相关成员变量及初始化方法。 // 所有面板 private static _panels: Map<string, PanelBase> = new...