Cocos2dx 小技巧（十五）话说ScrollView的del

---

朴实的埃菲尔

1、首先进入ScrollView.h文件中，在声明ScrollView这个类之前先声明一个委托类，之所以称之为委托，因为它的命名中包含 delegate 这个词。如下：

class ScrollView; //前向声明scrollView

class ScrollViewDelegate
{
public:
    virtual ~ScrollViewDelegate() {}

    virtual void scrollViewDidScroll(ScrollView* view) = 0;
    virtual void scrollViewDidZoom(ScrollView* view) = 0;
};

可以看到在这个委托类的声明里有两个函数，一个是scrollViewDidScroll()，这是当scrollView在被拖动时会响应该函数；另一个是scrollViewDidZoom，我想应该是当scrollView在进行缩放时会响应该函数。

2、接下来就是声明ScrollView这个类了。一开始我本能认为既然ScrollView要与ScrollViewDelegate这个类关联起来，那么它就应该继承ScrollViewDelegate吧？可实际上并没有，ScrollView只是单纯的继承一个Layer罢了，如下：

class ScrollView : public Layer{};

问题来了，ScrollView既然与ScrollViewDelegate没有“父子”关系，那么它是如何调用ScrollViewDelegate中的那些函数的呢？我继续看下ScrollView的类声明。
发现有这么两个函数：

ScrollViewDelegate* getDelegate() { return _delegate; }
void setDelegate(ScrollViewDelegate* pDelegate) { _delegate = pDelegate; }
ScrollViewDelegate* _delegate;

这里比较容易理解，先声明一个ScrollViewDelegate* 类型的成员变量，然后通过setDelegate() 与 getDelegate()分别设置与获取_delegate相应的对象。

看到这里好像还不是很理解_delegate到底该怎么用，那起码有一些眉目了，毕竟ScrollViewDelegate已经浮出水面，不是那么神秘。继续往下看。

3、在ScrollView.cpp文件中，我开始找下_delegate这个成员变量都在哪里使用过。很快我在setContentOffset()这个函数中找到它的身影。

void ScrollView::setContentOffset(Point offset, bool animated/* = false*/)
{
    if (animated)
    { //animate scrolling
        this->setContentOffsetInDuration(offset, BOUNCE_DURATION);
    } 
    else
    { 
    ...     ...
        if (_delegate != NULL)
        {
            _delegate->scrollViewDidScroll(this);   //就是这里。
        }
    }
}

setContentOffset()这个函数大家应该都很熟悉了，就是通过它来设置scrollView的偏移的。我们从上面的代码可以看到每当我们调用到setContentOffset()时，只要_delegate这个变量不为空，那么都会调用下面这行代码：

_delegate->scrollViewDidScroll(this);

没错，ScrollView就是在这里调用到ScrollViewDelegate委托类中声明的函数scrollViewDidScroll，它的参数 this 也就是ScrollView这个类所指向的对象啦，不用解释。

知道了上面这些，接下来就好办了，我们只要知道在ScrollView中哪里有调用到setContentOffset() 这个函数就可以了。

4、我往下搜索 setContentOffset 这个关键词，发现有在好几个地方调用到，其中最主要的还是在onTouchMoved()这个触摸回调函数中使用到。
onTouchMoved我也不用再多说了，每当我们触摸屏幕拖动时都会响应该函数，下面看下它的缩减版代码：

void ScrollView::onTouchMoved(Touch* touch, Event* event)
{
    if (!this->isVisible())
    {
        return;
    }

    if (std::find(_touches.begin(), _touches.end(), touch) != _touches.end())
    {
        if (_touches.size() == 1 && _dragging)
        { // scrolling
            ...
            
            if (frame.containsPoint(this->convertToWorldSpace(newPoint)))
            {
                ...
                this->setContentOffset(Point(newX, newY));//在这里调用到
            }
        }
        else if (_touches.size() == 2 && !_dragging)
        {
            const float len = _container->convertTouchToNodeSpace(_touches[0]).getDistance(
                                            _container->convertTouchToNodeSpace(_touches[1]));
            this->setZoomScale(this->getZoomScale()*len/_touchLength);//这里是调用与缩放相关的函数
        }
    }
}

5、好了，说到这里一切都已经开始变得清晰了，现在我先整理下发型，然后做个总结。
首先在scrollView拖动过程中都会调用onTouchMoved()函数，然后再该函数中调用到到setContainOffset()这个函数，这个函数就是用来设置它的偏移位置的；
在setContainOffset() 会调用到_delegate中的 scrollViewDidScroll()函数。
为什么_delegate能有这么大的权力调用ScrollViewDelegate中的函数呢？原因就在于它是ScrollViewDelegate声明的，说直接点它就是ScrollViewDelegate的私生子！！！

6、下面我举个例子吧。
我先声明一个叫CoolStar的类:

class CoolStar : public Layer,public ScrollViewDelegate
{
public:
    ...
    bool init();
    CREATE_FUNC(CoolStar);
    ... 
    //scroll 委托
    void scrollViewDidScroll(MyScrollView* view);
    void scrollViewDidZoom(MyScrollView* view);
}
CoolStar为什么要继承ScrollViewDelegate呢？别急，往下看init()函数的定义。
bool CoolStar::init()
{
    auto scroll_layer = Layer::create();
    ...
    
    auto m_scroll = ScrollView::create(Size(...),scroll_layer);
    m_scroll->setDelegate(this);//看这里！！！

    return true;
}

上面我创建了一个scrollView，然后设置scrollView的委托指向当前类的对象，也就是this（看注释的地方）
而我们知道setDelegate()这个函数是有参数的，它的参数是一个指向ScrollViewDelegate委托类的指针， 如下：

void setDelegate(ScrollViewDelegate* pDelegate)；

恩，现在应该知道为什么CoolStar这个类为什么要继承与ScrollViewDelegate委托类了吧。
接下来定义两个scrollView的委托函数：

void CoolStar::scrollViewDidScroll(MyScrollView* view)
{
    CCLOG("star is so cool");
}
void CoolStar::scrollViewDidZoom(MyScrollView* view)
{
}

运行程序，发现每次拖动scrollView时控制台都会输出 "star is so cool"这串字符串。

尊重原创，转载请注明来源：http://blog.csdn.net/star530/article/details/34140469