利用ScrollView实现跑马灯效果

本文部分代码来自http://blog.csdn.net/q229827701/article/details/39996171,在此基础上稍作修改,并添加了详细注释。

1、ScrollText类

#ifndef __ScrollTest__ScrollText__
#define __ScrollTest__ScrollText__

#include "cocos2d.h"
#include "ui/CocosGUI.h"
USING_NS_CC;
using namespace ui;

class ScrollText : public cocos2d::Node
{
public:
    enum class FONT_TYPE  //类似类的创建。可以通过命名空间,访问变量,防止命名冲突
    {
        BOLD,NOMAL,SLIM
    };
    
    CREATE_FUNC(ScrollText);
    static ScrollText* create(cocos2d::Node* pMoveChild,...);
    static ScrollText* create(FONT_TYPE mType);
    void setAutoScroll(bool isScroll,bool byWidth = false);
    
CC_CONSTRUCTOR_ACCESS://protected的宏定义
    ScrollText();
    virtual ~ScrollText();
    virtual bool init();
    virtual bool initWithDatas(cocos2d::Node* &pMoveChild);
    virtual bool init(FONT_TYPE mType);
    bool initLabel(FONT_TYPE mType);
    bool initScroll();
    void update(float dt);
    virtual void onEnterTransitionDidFinish();
    //此处设计的很巧妙,_content其实是赋值给_mLabel的,我们可以通过_content传递跑马灯的内容尽量
    //_mSize其实大小等于ScrollSize的size,如果忘记设置ScrollText的size,默认为构造函数里的数值
    CC_SYNTHESIZE_READONLY(cocos2d::Node*,_mLabel,Label);
    CC_SYNTHESIZE_READONLY(cocos2d::Size,_mSize,TextSize);
    CC_SYNTHESIZE(std::string,_content,Content);
    
public:
    void setSize(const cocos2d::Size &size);
private:
    cocos2d::Vector<Node*> _mNodes;
    bool _autoScroll;
    bool _byWidth;
    cocos2d::ui::ScrollView* _scrollView;
};

#endif /* defined(__ScrollTest__ScrollText__) */

#include "ScrollText.h"
#include <stdarg.h>
//宏用来判断函数或对象是否执行或创建成功
#define IF_RETURN(cont,p) if((cont)){return (p);}
#define IF_RETURN_FALSE(cont) IF_RETURN(cont,false)
//构造函数
ScrollText::ScrollText()
:_autoScroll(false),_byWidth(false),_mLabel(nullptr),_content("no content"),_scrollView(nullptr),_mSize(120,40)
{
    
}
//析构函数
ScrollText::~ScrollText()
{
    CC_SAFE_RELEASE(_mLabel);
    CC_SAFE_RELEASE(_scrollView);
}
//调用通过CREATE_FUNC调用init()函数
bool ScrollText::init()
{
    //默认字体类型初始化
    IF_RETURN_FALSE(!init(FONT_TYPE::NOMAL));
    return true;
}
//通过字体类型初始化
bool ScrollText::init(FONT_TYPE mType)
{
    bool bRet = false;
    do{
        CC_BREAK_IF(!Node::init());
        //初始化跑马灯内容和ScrollView对象
        IF_RETURN_FALSE(!initLabel(mType));
        IF_RETURN_FALSE(!initScroll());
        
        bRet = true;
    }while(0);
    return bRet;
}
//初始化ScrollView对象
bool ScrollText::initScroll()
{
    _scrollView = ui::ScrollView::create();
    IF_RETURN_FALSE(!_scrollView);
    _scrollView->setContentSize(_mSize);
    addChild(_scrollView);
    setContentSize(_scrollView->getContentSize());
    //添加可变参数的子对象,前提是使用create(cocos2d::Node *pMoveChild,...)创建ScrollText对象
    for(auto child:_mNodes)
    {
        IF_RETURN_FALSE(!child);
        _scrollView->addChild(child);
    }
    IF_RETURN_FALSE(!_mLabel);
    _scrollView->addChild(_mLabel);
    return true;
}
//帧更新函数
void ScrollText::update(float dt)
{
    if(!_mLabel)
    {
        return ;
    }
    //获取跑马灯位置判断的相关数据
    float contentX = getContentSize().width*(-1.0f);
    float _labelX = _mLabel->getContentSize().width*(-1.0f);
    //如果想通过跑马灯内容来确定是否循环播放
    if(_byWidth)
    {
        //执行此处,即如果跑马灯的字体内容超出了ScrollText的宽度,则设置循环tag为真
        _autoScroll = _mLabel->getContentSize().width>getContentSize().width?true:false;
    }
    //如果循环播放为真
    if(_autoScroll)
    {
        //首先判断跑马灯内容有没有完全跑出ScrollText,因为锚点是左边,所以当位置为负的_mLabel的width时,完全跑出ScrollText
        if(_mLabel->getPositionX() >= _labelX)
        {
            _mLabel->setPositionX(_mLabel->getPositionX() - 1.0f);
        }else{
            _mLabel->setPositionX(-contentX);
        }
    }else
    {
        _mLabel->setPositionX(0);
    }
    //设置跑马灯内容
    auto label = dynamic_cast<Label*>(_mLabel);
    if(label && label->getString() != _content)
    {
        label->setString(_content);
    }
}
//设置是否循环播放跑马灯内容
void ScrollText::setAutoScroll(bool isScroll,bool byWidth/*=false*/)
{
    _byWidth = byWidth;
    if(isScroll && byWidth)
    {
        _autoScroll = _mLabel->getContentSize().width>getContentSize().width?true:false;
    }else{
        _autoScroll = isScroll;
    }
}
//可变形参创建跑马灯,可以添加任意Node对象到跑马灯中
ScrollText* ScrollText::create(cocos2d::Node *pMoveChild,...)
{
    auto sTxt = new ScrollText();
    if(sTxt)
    {
        //可变参数指针地址的获取
        va_list lst;//va_list是char*类型,用户获取可变参数的地址
        va_start(lst,pMoveChild);//从最后入栈的变量初始化指针
        Node* pNow;
        pNow = pMoveChild;
        bool isFirst = true;
        while (pMoveChild) {
            if (nullptr != pNow) {
                if(isFirst)
                    isFirst = false;
                else
                    sTxt->_mNodes.pushBack(pNow);
                pNow = va_arg(lst,Node*);//依次获取可变参数的地址,第二个参数是可变形参的类型。注意传参时一定是Node的对象或子对象
            }else
                break;
        }
        va_end(lst);//结束
        //初始化跑马灯内容,真正把跑马灯内容加进去的函数是initScroll
        if(sTxt->initWithDatas(pMoveChild))
        {
            sTxt->autorelease();
            return sTxt;
        }else{//如果函数执行失败后安全释放内存,防止野指针
            delete sTxt;
            sTxt = NULL;
            return NULL;
        }
    }else{
        delete sTxt;
        sTxt = NULL;
        return NULL;
    }
}

ScrollText* ScrollText::create(ScrollText::FONT_TYPE mType)
{
    auto text = new ScrollText();
    if(text && text->init(mType))
    {
        text->autorelease();
        return text;
    }else{
        delete text;
        text = nullptr;
        return nullptr;
    }
}
//初始化跑马灯内容
bool ScrollText::initWithDatas(cocos2d::Node *&pMoveChild)
{
    bool bRet = false;
    do{
        CC_BREAK_IF(!Node::init());
        
        IF_RETURN_FALSE(!pMoveChild);
        _mLabel = pMoveChild;
        _mLabel->setAnchorPoint(Vec2::ANCHOR_BOTTOM_LEFT);
        IF_RETURN_FALSE(!initScroll());//在initScroll真正把跑马灯内容初始化
        
        bRet = true;
    }while(0);
    return bRet;
}
//设置跑马灯可见区域Size
void ScrollText::setSize(const cocos2d::Size& size)
{
    _mSize = size;
    _scrollView->setContentSize(_mSize);
    setContentSize(_mSize);
}
bool ScrollText::initLabel(ScrollText::FONT_TYPE mType)
{
    _mLabel = Label::createWithSystemFont("Content","Arial Bold",40);
    IF_RETURN_FALSE(!_mLabel);
    _mLabel->setAnchorPoint(Vec2::ANCHOR_BOTTOM_LEFT);
    return true;
}
//节点进入完成,执行帧更新
//例如:如果我ScrollText节点执行一个进入动画的特效,如果不设置此处,可能在动画播放的同时,
//跑马灯就开始走了,为了达到动画播放完毕,才执行跑马灯的播放,就是此处函数的功能啦
void ScrollText::onEnterTransitionDidFinish()
{
    scheduleUpdate();
}

2、使用方法

在HelloWorld类的init函数中添加如下代码
    auto st = ScrollText::create();
    st->setAutoScroll(true);
    st->setContent("父老乡亲们,这是ScrollText跑马灯");//设置内容
    st->setSize(Size(300,40));//设置可见区域大小
    st->setPosition(visibleSize.width/2,visibleSize.height/2);
    addChild(st);

3、效果

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


    本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》,文中使用Cocos2D,我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章,将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@163.com微信公众号:HopToad 欢迎转载,转载标注出处:http://blog.csdn.netotbaron/article/details/424343991.  软件准备 下载地址:http://cn.cocos2d-x.org/download 2.  简介2.1         引用C
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从Cocos2D-x官网上下载,进入网页http://www.cocos2d-x.org/download,点击Cocos2d-x以下的Download  v3.0,保存到自定义的文件夹2:从python官网上下载。进入网页https://www.python.org/downloads/,我当前下载的是3.4.0(当前最新
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发引擎,易学易用,支持多种智能移动平台。官网地址:http://cocos2d-x.org/当前版本:2.0    有很多的学习资料,在这里我只做为自己的笔记记录下来,错误之处还请指出。在VisualStudio2008平台的编译:1.下载当前稳
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱:appdevzw@163.com微信公众号:HopToadAPK下载地址:http://download.csdn.net/detailotbaron/8446223源码下载地址:http://download.csdn.net/
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址:https://github.com/cocos2d/cocos2d-x1.打开QtCreator,菜单栏→"打开文件或项目...",打开cocos2d-x目录下的CMakeLists.txt文件;2.弹出CMake向导,如下图所示:设置
 下载地址:链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后,解压进入build目录使用vs2013打开工程设置平台工具集,打开设置界面设置: 点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32,里面就是编译
分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net前言上次用象棋演示了cocos2dx的基本用法,但是对cocos2dx并没有作深入的讨论,这次以超级马里奥的源代码为线索,我们一起来学习超级马里奥的实
1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像,所以就这么叫它吧~先看效果:好了,不多解释,本篇到此为止。(旁白: 噗。就这样结束了?)啊才怪~我们来看看代码:[cpp] viewplaincopyprint?CCContro
原文链接:http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d,我们将自己写一个场景类,但我们不会走的太远,凡是都要循序渐进,哪怕只前进一点点,那也至少是前进了,总比贪多嚼不烂一头雾水的好。在上一节中我们建
2019独角兽企业重金招聘Python工程师标准>>>cocos2d2.0之后加入了一种九宫格的实现,主要作用是用来拉伸图片,这样的好处在于保留图片四个角不变形的同时,对图片中间部分进行拉伸,来满足一些控件的自适应(PS: 比如包括按钮,对话框,最直观的形象就是ios里的短信气泡了),这就要求图
原文链接:http://www.cnblogs.com/linji/p/3599478.html1.环境和工具准备Win7VS2010/2012,至于2008v2版本之后似乎就不支持了。 2.安装pythonv.2.0版本之前是用vs模板创建工程的,到vs2.2之后就改用python创建了。到python官网下载版本2.7.5的,然后
环境:ubuntu14.04adt-bundle-linux-x86_64android-ndk-r9d-linux-x86_64cocos2d-x-3.0正式版apache-ant1.9.3python2.7(ubuntu自带)加入环境变量exportANDROID_SDK_ROOT=/home/yangming/adt-bundle-linux/sdkexportPATH=${PATH}:/$ANDROID_SDK_ROOTools/export
1开发背景游戏程序设计涉及了学科中的各个方面,鉴于目的在于学习与进步,本游戏《FlappyBird》采用了两个不同的开发方式来开发本款游戏,一类直接采用win32底层API来实现,另一类采用当前火热的cocos2d-x游戏引擎来开发本游戏。2需求分析2.1数据分析本项目要开发的是一款游
原文链接:http://www.cnblogs.com/linji/p/3599912.html//纯色色块控件(锚点默认左下角)CCLayerColor*ccc=CCLayerColor::create(ccc4(255,0,0,128),200,100);//渐变色块控件CCLayerGradient*ccc=CCLayerGradient::create(ccc4(255,0,0,
原文链接:http://www.cnblogs.com/linji/p/3599488.html//载入一张图片CCSprite*leftDoor=CCSprite::create("loading/door.png");leftDoor->setAnchorPoint(ccp(1,0.5));//设置锚点为右边中心点leftDoor->setPosition(ccp(240,160));/
为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院关老师的Cocos2d-x课程之一可以送智捷课堂编写图书一本(专题可以送3本)。一、Cocos2d-x课程列表:1、Cocos2d-x入门与提高视频教程__Part22、Cocos2d-x数据持久化与网络通信__Part33、Cocos2d-x架构设计与性能优化内存优
Spawn让多个action同时执行。Spawn有多种不同的create方法,最终都调用了createWithTwoActions(FiniteTimeAction*action1,FiniteTimeAction*action2)方法。createWithTwoActions调用initWithTwoActions方法:对两个action变量初始化:_one=action1;_two=action2;如果两个a
需要环境:php,luajit.昨天在cygwin上安装php和luajit环境,这真特么是一个坑。建议不要用虚拟环境安装打包环境,否则可能会出现各种莫名问题。折腾了一下午,最终将环境转向linux。其中,luajit的安装脚本已经在quick-cocos2d-x-develop/bin/中,直接luajit_install.sh即可。我的lin
v3.0相对v2.2来说,最引人注意的。应该是对触摸层级的优化。和lambda回调函数的引入(嗯嗯,不枉我改了那么多类名。话说,每次cocos2dx大更新。总要改掉一堆类名函数名)。这些特性应该有不少人研究了,所以今天说点跟图片有关的东西。v3.0在载入图片方面也有了非常大改变,仅仅只是