ClippingNode

ClippingNode 跑马灯效果使用

    //裁剪标题 做跑马灯
    Sprite *stencilSprite = Sprite::create("ui/label_stencil.png");
    stencilSprite->setAnchorPoint(Vec2::ZERO);
    ClippingNode *clippingNode = ClippingNode::create(stencilSprite);
    clippingNode->setInverted(false);

    float sWidth = stencilSprite->getContentSize().width;
    float sHeight = stencilSprite->getContentSize().height;
    Vec2 position = (100, 25);

    auto itemname = cocos2d::Label::createWithSystemFont("helloWorld", "Consolas", 16);
    itemname->setPosition(Vec2(sWidth / 2, sHeight / 2));

    clippingNode->setPosition(Vec2(100 - sWidth * scaleX / 2, 25 - sHeight / 2));

    //如果标题过长 则做跑马灯动画
    int nWidth = 60;
    if (itemname->getContentSize().width > nWidth)
    {
        itemname->setPosition(Vec2(itemname->getContentSize().width / 2 , sHeight / 2));
        itemname->runAction(RepeatForever::create(Sequence::create(
                                                                 MoveTo::create(3.0f, Vec2(nWidth - itemname->getContentSize().width / 2, sHeight / 2)),
                                                                 DelayTime::create(1.0f),
                                                                 MoveTo::create(3.0f, Vec2(itemname->getContentSize().width / 2, sHeight / 2) + SPRITE_OFFSET),
                                                                 DelayTime::create(1.0f), nullptr
                                                                 )));
    }
    clippingNode->addChild(itemname);
    addChild(clippingNode, 2, TextItem);

ClippingNode 加上 Label 制作简易跑马灯效果。

拓展版 http://blog.csdn.net/linuxheik/article/details/38258711
简洁版 http://www.cnblogs.com/OrangeLife/p/4373092.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

她二伯儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值