首页 > 代码库 > EUI ToggleButton ToggleSwitch 实现类似音乐开关按钮
EUI ToggleButton ToggleSwitch 实现类似音乐开关按钮
一 ToggleButton和ToggleSwitch区别
没区别,就是继承...
export class ToggleSwitch extends ToggleButton { /** * @language en_US * Constructor. * * @version Egret 2.4 * @version eui 1.0 * @platform Web,Native */ /** * @language zh_CN * 构造函数。 * * @version Egret 2.4 * @version eui 1.0 * @platform Web,Native */ public constructor() { super(); } }
二 ToggleSwitch实现音乐开关
皮肤文件过于复杂,使用几张图片,设置状态,并移动白色圆点位置。
<?xml version="1.0" encoding="utf-8"?> <e:Skin class="skins.ToggleSwitchSkin" states="up,down,disabled,upAndSelected,downAndSelected,disabledAndSelected" xmlns:e="http://ns.egret.com/eui"> <e:Image source="on_png" source.up="off_png" source.down="off_png" source.disabled="off_png"/> <e:Image source="handle_png" horizontalCenter="-18" horizontalCenter.upAndSelected="18" horizontalCenter.downAndSelected="18" horizontalCenter.disabledAndSelected="18" verticalCenter="0"/> </e:Skin>
直接使用两张图片,然后用ToggleButton的正常和按下状态更方便。
EUI ToggleButton ToggleSwitch 实现类似音乐开关按钮
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。