Egret之自定义类库(一)
admin
2023-02-17 15:00:11
0次

(Egret旧版  4.0.1以下建议这么写)今天写了一个属性绑定的类库.

步骤如下 :

一 , 新建一个EUI项目,删除Main.ts文件

Egret之自定义类库(一)

二 , 发布项目

Egret之自定义类库(一)

三 , 新建库项目(bind) egret create_lib bind

Egret之自定义类库(一)

得到库项目结构

Egret之自定义类库(一)

四,手写bind.d.ts文件为bind.js如下:

declare module bind{
	/**
     * 绑定的数据接口( CallBack的参数 )
     * @author Aonaufly
	 */
	interface IBindEventData{
		/**旧值*/
		$oldValue? : T;
		/**新值*/
		$newValue : T;
	}
}

declare module bind{
	 /**
     * 所有绑定Model的基类
     * @author Aonaufly
     */
	abstract class BaseBindModel extends egret.EventDispatcher{
		/**
         * 发布变化的数据
         * @param {string} $attribute_name 属性
         * @param {string} $field_name 对应的字段
         * @param {T} $value 数值
         */
		changeValue($attribute_name : string , $field_name : string , $value : T):void;
	}
}

declare module bind{
	 /**
     * 绑定属性订阅者(用后请销毁)
     * @author Aonaufly
     */
	class Bind2Subscriber{
		 /**
         * 销毁绑定释放资源
         */
		destory() : void;
	}
}

declare module bind{
    /**
     * 绑定工具类
     * @author Aonaufly
     */
	class BindTool{
		 /**
         * 属性绑定变换
         * @param {any} $v2Class View层Class
         * @param {string} $v2Attribute View层属性
         * @param {BaseBindModel} $d2Class Model层Class
         * @param {string} $d2Attribute Model层属性
         * @param {boolean} $isFirst 是否首次更新数值
         * @returns {bind.Bind2Subscriber}
         */
		static bindProperty( $v2Class : any , $v2Attribute : string , $d2Class : BaseBindModel , $d2Attribute : string , $isFirst? : boolean ) : Bind2Subscriber;
		 /**
         * 设置回调方法绑定
         * @param {Function} $callBack View层回调方法
         * @param $d2Class Model层Class
         * @param {string} $d2Attribute Model层属性
         * @param {boolean} $isFirst 是否首次更新数值
         * @returns {bind.Bind2Subscriber}
         */
		static bindCallBack( $callBack : Function , $d2Class : BaseBindModel , $d2Attribute : string , $isFirst? : boolean ) : Bind2Subscriber;
	}
}

五,在库项目src中加入 bind.js和bind.d.js

Egret之自定义类库(一)

六,在库项目libs加入依赖的d.ts文件

Egret之自定义类库(一)

七,编写package.json如下

{
	"name": "egret",
	"version": "3.2.4",
	"modules": [
		{
			"name": "bind",
			"description": "bind",
			"files": [
				"bind.js",
				"bind.d.ts"
			],
			"root": "src"
		}
	]
}

八,编译库项目

Egret之自定义类库(一)

九,引入到Egret项目中并使用(将bind自定义类库放在与egret项目平级的目录上)

引入(egretProperties.json):

Egret之自定义类库(一)

命令 egret build -e 后,第三方类库应用成功

Egret之自定义类库(一)


.................................完毕(可完美使用)

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...