编辑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 名,...

框架的UI和Panel都是预设资源，需要动态加载，而引擎只提供了回调方式加载资源的接口，而回调层次多了会造成代码难以理解，所以需要自己封装异步接口。 场景新建一个Labe...

新建framework/scripts/App.ts，用于初始化框架，内容如下。因为Cocos Creator 2.x版本不能直接在编辑器运行，导致不能实时看到运行中的对象节点信息，所以这里写了个sho...

新建framework/scripts/AppConstants.ts，内容如下。目前有3个层级，数值大的层级会显示在数值小的层级上面，中间间隔100可以让用户使用代码在中间动态插入自定义的层级...

创建项目 [图片] 项目设置 设计分辨率设置 点击菜单项目 => 项目设置...，弹出项目项目设置面板后点击项目预览，设置好后点击保存按钮。 [图片] 设计分辨率设置好后，...

框架源码 gitee.com/mirahs/cccframework 软件版本 Cocos Creator 2.4.8，安装参考 cocos creator安装 编程语言 TypeScript 文档章节对应源码 关注干货悦读公众号，点击...

[图片]