Egret社区

新手教程-----人物血条渐变

2018-1-15 20:27
16493
本帖最后由 不会飞的猪 于 2018-1-15 20:29 编辑


新手教程人物血条渐变,一共俩层,第一层为立即变化,第二层为渐变,代码为demo代码,需要自己封装使用,如果大家有什么更好的实现方式来讨论哦~~~~
  [mw_shl_code=javascript,true]let process = new eui.ProgressBar();
        process.skinName = "resource/eui_skins/ProgressBarHp.exml";
        process.x = 0;
        process.y = 100;
        process.width = 423;
        process.height = 24;
        process.value = 50;
        
        this.addChild(process);

        let ob:eui.Image = <eui.Image>process.getChildAt(1);
        if(ob != null)
        {
            ob.mask = new egret.Rectangle(0,0,process.width,process.height);
        }
        let tw = egret.Tween.get(ob.mask);
        tw.to({width: 400}, 1000);
        tw.to({width: 250}, 1000);
[/mw_shl_code]
////////////////////////////////////////////
附加:我的名字起错了,应该叫做会跑酷的猪。。。能改名吗???

hpprogress.zip

1.1 MB, 下载次数: 52, 下载积分: 银子 -1

售价: 1 银子  [记录]

分享到 :
5 人收藏

3 个回复

倒序浏览
orecle  圆转纯熟 | 2018-1-17 13:10:51
蛮好的 借鉴下·
newlearn  登堂入室 | 2018-3-15 12:43:29
看看 正好需要
kieedi  登堂入室 | 2018-9-9 19:53:46
非常感谢楼主,对我这个新人帮助很大。特来回复感谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部