首页 > 代码库 > Cocos2d-x教程(31)-TableView的滚动栏

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

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

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



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

技术分享


技术分享

技术分享


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


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

当中我们须要用到的是

virtual void scrollViewDidScroll(CCScrollView* view);

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


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

<script src="https://code.csdn.net/snippets/451237.js" type="text/javascript"></script>


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

<script src="https://code.csdn.net/snippets/451253.js" type="text/javascript"></script>

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

技术分享


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

技术分享


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

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