EUI学习之自定义皮肤

本文介绍了如何在 EUI 中创建自定义皮肤,包括新建皮肤文件、自定义类、关联皮肤与类以及通过 `currentState` 控制不同状态的UI显示。通过视图状态管理和组件的继承关系,实现灵活切换UI并确保视图值的及时更新。
摘要由CSDN通过智能技术生成

http://developer.egret.com/cn/github/egret-docs/extension/EUI/skin/customizeSkin/index.html
官网介绍。
1.新建皮肤。xxx.exml。这里放UI控件.
2.新建自定义类,继承自eui.Component.
3.在default.thm.json文件中把两个文件关联起来.
4.在自定义类xxx.ts中得到xxx.exml中皮肤部件的引用来控制UI。

使用技巧:
1.eui.Component中有一个currentState 属性,这个属性用来控制自定义类的不同状态下的UI显示,当需要显示不同的UI,则改变下状态就可以了。
EUI面板中:
在这里插入图片描述
点击+ 号:
在这里插入图片描述
这样就可以新建自己的状态,最后如果想切换UI的显示只需要在代码中添加:

private state_daduile = "daduile";//自定义的状态的名字
this.currentState = this.state_jiesuo;

所有子元素都被自己的父级所影响,所

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值