Cocos2d-x教程(31)－TableView的滚动栏

欢迎增加Cocos2d-x 交流群：193411763

转载时请注明原文出处 :http://blog.csdn.net/u012945598/article/details/38587659

在非常多游戏中，我们会看到类似下图的功能：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjk0NTU5OA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

在上图中，当我们滑动TableView时，下方的滚动栏也会跟着滑动，当TableView滑动到两端时。滚动栏将会横向缩小。随着TableView回弹滚动栏也会回弹。以下我们将实现这个滚动栏的功能。

首先。在项目中创建一个TableView，并实现其协议中的方法。

当中我们须要用到的是

virtual
void scrollViewDidScroll(CCScrollView* view);

改方法在滑动TableView时调用。我们须要在这种方法中判定TableView滑动的距离。

以下新建一个SliderBar的文件。SliderBar.h文件内容例如以下：

SliderBar.cpp文件内容例如以下：

之后，SliderBar还是须要结合TableView来使用。首先在HelloWorld的初始化方法中创建tableView 及 sliderBar的对象（tableView的协议及相关方法的实现不要忘记，这里省略）。

以下在tableView滚动回调方法中加入例如以下代码：

如此便能够看到上述效果图中效果。