当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...

编辑framework/scripts/AppConstants.ts，内容如下。定义了Panel的显示方式和遮罩类型，遮罩类型可以叠加，即可同时拥有不可穿透、半透明、关闭组件特性。 // Panel 显示...

在写Panel前，先写个方法生成单色Sprite，这样当碰到需要单色Sprite的时候不需要在编辑器拖拽和代码动态加载资源。 编辑framework/scripts/AppUtil.ts，添加newSpriteNod...

有这样一个场景，当点击了某个按钮，但它可能要跟后端交互并且会花费一定时间，这个时候不能再次点击按钮。要实现这个功能，一般是添加一个标志位，当点击后设为一个状态...

当UI打开后，别的地方数据更新了可能要通知UI同时更新，这时需要有更新UI的接口。 编辑framework/scripts/AppUtil.ts，添加getClassName方法获取View类名。 public stati...

UI打开和退出目前是直接显示和隐藏，给它加个渐入渐出的效果。 编辑framework/scripts/AppConstants.ts，添加UI显示方式。 // UI 显示方式 public static readonly uiSho...

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

参考UIMain，创建一个新的UIBag，创建一个名为BtnBack文本为返回的按钮，再创建一个名为BtnMain文本为主页的按钮，然后把 UIBag节点拖动到resources目录下并从场景删除。...

新建framework/scripts/view/UIBase.ts，内容如下。 import ViewBase from "./ViewBase" export default class UIBase extends ViewBase { public uiName: string }...

新建framework/scripts/view/ViewBase.ts，内容如下。主要是用作UI和Panel的基类，有一些基本的属性和方法。 export default class ViewBase { /** 资源 Bundle 名,...