Cocos2dx 小技巧（十五）话说ScrollView的delegate实现过程

最新推荐文章于 2024-02-15 09:14:44 发布

wawa1203

最新推荐文章于 2024-02-15 09:14:44 发布

阅读量615

点赞数

分类专栏： cocos2dx 文章标签： cocos2dx delegate

cocos2dx 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

转眼六月份都快过去了，我发现这个月我一篇博客都没发表。表示很羞涩......

下个月很有可能会迎来博客大爆发，只是博客的主题有点......呃，留点悬念吧。

---------------------

有小伙伴和我私聊时说在看过我写的那篇 delegate相关的博文后，回过头再看看ScrollView委托的实现过程还是有点吃力。我赶紧搜出之前那篇博文看了看......不禁感慨：

尼玛，这写的都是些啥？！怎么我自己都看晕了？

做人要厚道！写博要实在！为了弥补之前的不足，下面我就以一个新手的角度（其实自己就是新手）来研究下ScrollView的委托实现流程到底是怎样的。

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

[cpp]view plaincopy 
   
 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罢了，如下：

[cpp]view plaincopy 
   
 class ScrollView : public Layer{};  

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

[cpp]view plaincopy 
   
 ScrollViewDelegate* getDelegate() { return _delegate; }  
 void setDelegate(ScrollViewDelegate* pDelegate) { _delegate = pDelegate; }  
 ScrollViewDelegate* _delegate;  

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

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

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

[cpp]view plaincopy 
   
 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这个变量不为空，那么都会调用下面这行代码：

[cpp]view plaincopy 
   
 _delegate->scrollViewDidScroll(this);  

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

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

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

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

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

[cpp]view plaincopy 
   
 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委托类的指针，如下：

[cpp]view plaincopy 
   
 void setDelegate(ScrollViewDelegate* pDelegate)；  

这就要求我们创建ScrollView的这个类必须是继承与ScrollViewDelegate，否则你就无法如此洒脱的执行下面这步了：

[cpp]view plaincopy 
   
 m_scroll->setDelegate(this);  

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

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