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

Posted gccbuaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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文件内容例如以下:


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


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

技术分享


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

技术分享


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
















以上是关于Cocos2d-x教程(31)-TableView的滚动栏的主要内容,如果未能解决你的问题,请参考以下文章

Cocos2d-x飞机大战教程笔记

最完整的 Cocos2d-x 教程和指南列表 [关闭]

Cocos2d-x 3.0final 终结者系列教程16-《微信飞机大战》实现

Cocos2d-x 4.0 安装教程(Windows10 + Visual Studio 2019)

Cocos2d-x 3.0正式版及android环境搭建详细教程

cocos2d-x3.9利用cocos引擎一键打包Android平台APK(C++小白教程)