直接上代码，根据cocos2d-x 扩展库中的代码改编的。

1. //
2. //  MScrollView.h
3. //  Test ScrollView
4. //
5. //  Created by Za aa on 13-4-25.
6. //
7. //
8. #ifndef _MScrollView_h
9. #define _MScrollView_h
10. #include "cocos2d.h"
11. using namespace cocos2d;
12. //触摸误差
13. const int TOUCH_DELTA = 5;
14. //设置图片修正时的移动速度
15. const float MOVE_SPEED = 1000;
16. class MScrollView : public cocos2d::CCLayerColor
17. {
18. public:
19. MScrollView();
20. ~MScrollView();
21. virtual bool init();
22. //复写绘图函数，每帧调用，添加了区域剔除
23. void visit();
24. //CREATE_FUNC(MScrollView);
25. //自定义--------
26. //从多个精灵创建
27. static MScrollView * CreateWithSprite(float gap,CCSprite * p_w_picpathSprite,...);
28. //修改剔除区域
29. void setClipSize(float width,float height);
30. //修改响应区域
31. void setTouchRect(CCRect touchRect){m_touchRect = touchRect;};
32. //根据间距初始化子层精灵
33. bool initGapForChild(float gap);
34. //修正动画的函数
35. void RAnimation(CCPoint pt);
36. //拖动精灵，跟随手指移动改变位置
37. void draySprite(float delta);
38. //滚动到某一页的函数
39. void gotoPageAnimation(float page);
40. //页面滚动动画,moveto 动画
41. void ScrollAnimation(CCPoint offset,float time)    ;
42. //updata,用于如果拖动就停止moveto 动作
43. void MoveToAnimation(float dt );
44. // 添加一个回调函数，用于停止动画
45. void StopMoveToAnimation();
46. //重写触屏相关函数----
47. virtual void registerWithTouchDispatcher();
48. virtual bool ccTouchBegan(CCTouch* touch, CCEvent* event);
49. virtual void ccTouchMoved(CCTouch* touch, CCEvent* event);
50. virtual void ccTouchEnded(CCTouch* touch, CCEvent* event);
51. virtual void ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent);
52. private:
53. //是否按下后移动
54. bool m_dragging;
55. //按下的点
56. CCPoint m_touchDownPoint;
57. //抬起点
58. CCPoint m_touchUpPoint;
59. //当前的触电
60. CCPoint m_touchCurPoint;
61. //子层容器,用于滚动显示
62. CCLayer * m_Container;
63. //保存所有精灵
64. CCArray * m_spriteArray;
65. //总页数
66. int m_page;
67. //当前页数
68. int m_curpage;
69. //偏移动画的时间
70. float m_time;
71. //显示区域
72. //  CCRect m_view;
73. //显示区域，区域外的将被剪切
74. CCSize m_clipSize;
75. //接收事件的区域
76. CCRect m_touchRect;
77. //点击后的回调函数
78. SEL_CallFunc m_fun;
79. };
80. #endif

1. //
2. //  MScrollView.cpp
3. //  Test ScrollView
4. //
5. //  Created by Za aa on 13-4-25.
6. //
7. //
8. #include "MScrollView.h"
9. MScrollView::MScrollView()
10. {
11. }
12. MScrollView::~MScrollView()
13. {
14. //清空数组
15. m_spriteArray->release();
16. }
17. MScrollView * MScrollView::CreateWithSprite(float gap,CCSprite *p_w_picpathSprite, ...)
18. {
19. MScrollView * pRet = new MScrollView();
20. if (pRet && pRet->init())
21. {
22. //创建array，用于保存所有sprite
23. pRet->m_spriteArray= CCArray::create();
24. CC_SAFE_RETAIN(pRet->m_spriteArray);
25. //-----------------------------------------------
26. //将省略的sprite添加进m_spriteArray 和 mscrollview中
27. //----------------------------------------------
28. //定义一个params变量，实际是一个指针，用于定位可变行参变量
29. va_list params;
30. //执行本宏后，params指向第一个可变信参，p_w_picpathSprite为最后一个确定行参
31. va_start(params, p_w_picpathSprite);
32. //定义一个ccsprite 接收参数
33. CCSprite * pNow = p_w_picpathSprite;
34. while (true)
35. {
36. if (pNow)
37. {
38. //添加进数组和层-----
39. pRet->m_spriteArray->addObject(pNow);
40. pRet->m_Container->addChild(pNow);
41. //去下一个值
42. pNow = va_arg(params, CCSprite *);
43. }
44. else
45. {
46. break;
47. }
48. }
49. //清空
50. va_end(params);
51. //排列ccprite
52. pRet->initGapForChild(gap);
53. 添加完成
54. pRet->autorelease();
55. return pRet;
56. } \
57. else
58. {
59. delete pRet;
60. pRet = NULL;
61. return NULL;
62. }
63. }
64. bool MScrollView::init()
65. {
66. //
67. // 1. super init first
68. // if ( !CCLayerColor::init() )
69. if ( !CCLayerColor::CCLayerColor::initWithColor(ccc4(0xff,0x00,0x00,0x80), 100, 100))
70. {
71. return false;
72. }
73. //开启触屏响应
74. this->setTouchEnabled(true);
75. //添加显示容器
76. m_Container = CCLayer::create();
77. m_Container->setAnchorPoint(ccp(0.0f,0.0f));
78. m_Container->setPosition(ccp(0.0f, 0.0f));
79. this->addChild(m_Container);
80. //修改响应区域,默认是全屏
81. CCSize screen = CCDirector::sharedDirector()->getWinSize();
82. setTouchRect(CCRectMake(0, 0, screen.width, screen.height));
83. //修改显示区域，默认为全屏
84. this->setContentSize(screen);
85. //修改剪切区域，默认为全屏
86. setClipSize(screen.width,screen.height);
87. //默认回调函数为空
88. m_fun =NULL;
89. return true;
90. }
91. void MScrollView::visit()
92. {
93. if (!m_bIsVisible)
94. {
95. return;
96. }
97. kmGLPushMatrix();
98. if (m_pGrid && m_pGrid->isActive())
99. {
100. m_pGrid->beforeDraw();
101. this->transformAncestors();
102. }
103. this->transform();
104. //默认情况下,剪裁是禁用的
105. glEnable(GL_SCISSOR_TEST);//启用剪裁测试
106. float s = this->getScale();//当前layer缩放的倍数
107. s *= CCDirector::sharedDirector()->getContentScaleFactor();//获取缩放倍率
108. CCPoint screenPos = this->convertToWorldSpace(this->getParent()->getPosition());
109. //默认不设置Scissor的大小是整个视图的大小
110. glScissor((GLint)screenPos.x, (GLint)screenPos.y, (GLsizei)(m_clipSize.width*s), (GLsizei)(m_clipSize.height*s));
111. //子节点处理
112. if(m_pChildren)
113. {
114. ccArray *arrayData = m_pChildren->data;
115. unsigned int i=0;
116. for( ; i < arrayData->num; i++ )
117. {
118. CCNode *child =  (CCNode*)arrayData->arr[i];
119. if ( child->getZOrder() < 0 )
120. {
121. child->visit();
122. }
123. else
124. {
125. break;
126. }
127. }
128. this->draw();
129. for( ; i < arrayData->num; i++ )
130. {
131. CCNode* child = (CCNode*)arrayData->arr[i];
132. child->visit();
133. }
134. } else
135. {
136. this->draw();
137. }
138. glDisable(GL_SCISSOR_TEST);//禁用剪裁测试
139. if ( m_pGrid && m_pGrid->isActive())
140. {
141. m_pGrid->afterDraw(this);
142. }
143. kmGLPopMatrix();
144. //
145. }
146. void MScrollView::setClipSize(float width,float height)
147. {
148. m_clipSize = CCSizeMake(width,height);
149. }
150. //TODO: 载显示容器中排列精灵
151. bool MScrollView::initGapForChild(float gap)
152. {
153. //用于判读是否有元素
154. if (m_spriteArray==NULL) return false;
155. ///修改各个元素的位置
156. //初始化当前页
157. m_curpage = 0;
158. //初始化总页数
159. m_page = m_spriteArray->count();
160. CCSprite * sp = (CCSprite *)m_spriteArray->objectAtIndex(0);
161. float spwidth = sp->boundingBox().size.width/2.0f;
162. float spheight = sp->boundingBox().size.height/2.0f;
163. //获取一个中心点
164. CCPoint pt = ccp(this->boundingBox().size.width/2.0f-spwidth,
165. this->boundingBox().size.height/2.0f-spheight);
166. float tY=pt.y;
167. sp->setAnchorPoint(ccp(0,0));
168. sp->setPosition(pt);
169. for (int i = 1 ; i<m_page; i++)
170. {
171. spwidth = sp->boundingBox().size.width;
172. pt =ccp(sp->getPositionX()+spwidth+gap,tY);
173. sp = (CCSprite *)m_spriteArray->objectAtIndex(i);
174. sp->setAnchorPoint(ccp(0,0));
175. sp->setPosition(pt);
176. }
177. }
178. //TODO: 滚动修正
179. void MScrollView::RAnimation(CCPoint pt)
180. {
181. int _page = m_curpage;
182. //判断移动的方向
183. float f =pt.x;
184. if(f>0)
185. {
186. // 向左移动
187. CCLog("zuo ");
188. _page ++;
189. }
190. else
191. {
192. //向→移动
193. CCLog("you");
194. _page --;
195. }
196. if ( !(_page>m_page-1 || _page<0))
197. {
198. m_curpage = _page;
199. }
200. CCLog("_page is : %d",_page);
201. CCLog(" page is : %d",m_page);
202. CCLog(" curpage is : %d",m_curpage);
203. gotoPageAnimation(m_curpage);
204. }
205. //TODO: 拖动精灵，跟随手指移动改变位置
206. void MScrollView::draySprite(float delta)
207. {
208. this->m_Container->setPosition(ccpAdd(this->m_Container->getPosition(), ccp(delta,0)));
209. }
210. //TODO: 滚动到某一页的动画
211. void MScrollView::gotoPageAnimation(float page)
212. {
213. if (m_page == 0 ) return;
214. //获得当前页的精灵
215. CCSprite * sp  = (CCSprite *)this->m_spriteArray->objectAtIndex(page);
216. //多移动一小段距离让sprite载正中间
217. float _width = sp->boundingBox().size.width * 0.5f;
218. _width = m_clipSize.width * 0.5f - _width;
219. //获取要到达的点
220. CCPoint gotoPoint =ccp(-sp->getPositionX()+_width,this->m_Container->getPositionY());
221. //计算移动到点的时间
222. float _length = ccpDistance(gotoPoint,m_Container->getPosition());
223. float _time = _length / MOVE_SPEED;
224. //滚动到指定点
225. ScrollAnimation(gotoPoint,_time);
226. }
227. //页面滚动动画,moveto 动画
228. void MScrollView::ScrollAnimation(CCPoint offset,float time)
229. {
230. //如果是拖动就停止这个动作
231. if (m_dragging)
232. {
233. this->unschedule(schedule_selector(MScrollView::MoveToAnimation));
234. return;
235. }
236. ///
237. //创建移动动画
238. //
239. CCFiniteTimeAction * scroll,*expire;
240. scroll = CCMoveTo::create(time,offset);
241. //添加一个回调函数
242. expire = CCCallFuncN::create(this, callfuncN_selector(MScrollView::StopMoveToAnimation));
243. //运行moveto动画
244. m_Container->runAction(CCSequence::create(scroll, expire, NULL));
245. //开启拖动判读
246. this->schedule(schedule_selector(MScrollView::MoveToAnimation));
247. }
248. //updata,用于如果拖动就停止moveto 动作
249. void  MScrollView:: MoveToAnimation(float dt )
250. {
251. if (m_dragging)
252. {
253. this->m_Container->unscheduleAllSelectors();
254. return;
255. }
256. }
257. // // 添加一个回调函数，用于停止动画
258. void MScrollView:: StopMoveToAnimation()
259. {
260. //   this->unschedule(schedule_selector(MoveToAnimation));
261. this->m_Container->unscheduleAllSelectors();
262. }
263. //消息注册
264. void MScrollView::registerWithTouchDispatcher()
265. {
266. CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, 0, false);
267. }
268. bool MScrollView::ccTouchBegan(cocos2d::CCTouch *touch, cocos2d::CCEvent *event)
269. {
270. if (!this->isVisible()) {return false;}
271. //记录按下的点
272. m_touchDownPoint = CCDirector::sharedDirector()->convertToGL(touch->locationInView());
273. if (!m_touchRect.containsPoint(m_touchDownPoint)){return false;}
274. m_dragging = true;
275. CCLog("CCtouchBegan");
276. //
277. return true;
278. }
279. void MScrollView::ccTouchMoved(CCTouch* touch, CCEvent* event)
280. {
281. CCLog("ccTouchMoved");
282. if (!this->isVisible()){return;}
283. m_touchCurPoint = CCDirector::sharedDirector()->convertToGL(touch->locationInView());
284. if (!m_touchRect.containsPoint(m_touchCurPoint))
285. {
286. m_dragging = false;
287. return ;
288. }
289. //如果不是按下后移动
290. if(m_dragging)
291. {
292. CCPoint moveDelta = ccpSub(m_touchCurPoint, m_touchDownPoint);
293. draySprite(moveDelta.x);
294. m_dragging = false;
295. }
296. else
297. {
298. draySprite(touch->getDelta().x);
299. }
300. // CCLog("ccTouchMoved,x is %f::y is %f",x,y);
301. }
302. void MScrollView::ccTouchEnded(CCTouch* touch, CCEvent* event)
303. {
304. if (!this->isVisible()){return;}
305. m_touchUpPoint = CCDirector::sharedDirector()->convertToGL(touch->locationInView());
306. if (!m_touchRect.containsPoint(m_touchUpPoint)){ m_dragging = false;return ;}
307. //判定是点击还是滑动,如果是点击执行点击函数，如果是滑动执行调整动画
308. float off = ccpDistance(m_touchDownPoint,m_touchUpPoint);
309. if (off < TOUCH_DELTA)
310. {
311. //触发点击事件
312. m_fun;
313. CCLog("touchclick");
314. }
315. else
316. {
317. //  滑动纠正
318. //触发滑动动画
319. RAnimation(ccpSub(m_touchDownPoint,m_touchUpPoint));
320. }
321. }
322. void MScrollView::ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent)
323. {
324. }