歡迎增加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的滾動欄