首页 > Cocos2D-X > cocos2d-x 模拟IOS时间选择器效果
2012
05-04

cocos2d-x 模拟IOS时间选择器效果

猴子原创,欢迎转载。转载请注明: 转载自Cocos2D开发网–Cocos2Dev.com,谢谢!

原文地址: http://www.cocos2dev.com/?p=184

IOS 的时间选择期UIDatePicker效果挺不错,像老虎机之类的效果都可以用它实现,我业余写的游戏中要用到一个这样的选择期,网上找了下也没找到什么。就自己模拟的写了个。

这是效果图:(呵呵,我不会画图,素材是扒的国外的一个游戏,游戏还没有写完。只能截部分图)

cocos2d-x 模拟IOS时间选择器效果 - 第1张  | Cocos2D开发网

实现原理:

能滚动的两个控件就是两个CCSprite。里面能够滚动的图片是一个很长的图,也就是从上到下有1,2,3,4,5,6,7,8,9,10,1 ,共11个数字。

首尾一样为了循环的时候无缝连接。也就是两个1叠到一起。想象成一片字条,两个1重叠后就是一个1-10的圈。

这样我只需要不停的绘制这个圈的一部分就是实现转动了。

实现代码:

1、创建一张很长的图的Texture,

2、创建一个Sprite,显示第一步的一部分图

3、手指滑动的时候,不停的绘制上面的Sprite,

在move事件中得到手指当前一帧和上一帧的位置的差值scollValue。然后在schedule中调用下面的代码:

scollDiceNumValue += scollValue;

if (scollDiceNumValue<0) {

scollDiceNumValue=492;//如果滑到1还想往后滑,就开始显示10

}

if(scollDiceNumValue>492){

scollDiceNumValue=0;//如果滑到10还想往前滑,就开始显示1

}

CCSprite* temDiceNum = (CCSprite*)choooseLayer->getChildByTag(tag_choose_dice_num);

temDiceNum->setTextureRect(CCSpriteFrame::frameWithTexture(m_diceNumsTexture,

CCRectMake(0, scollDiceNumValue, 58, 82))->getRect());

4、当手指离开屏幕时,记得校准显示的数字,因为玩家可能滑到显示一半图就TouchEnd了,所以还得校准下。

校准的办法就是求余,余数不为零就是没对准,需要校准

余数大于一个格子的高的一半是,继续下滑。

余数小于一个格子的高的一半是,继续上滑。

目的是往最接近完整的地方靠近。

OK,实在没空将它封装起来,这里只是给大家一个思路。当然也有更好的办法。

 

最后编辑:
作者:Houzi
Write the code. Change the world.
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

cocos2d-x 模拟IOS时间选择器效果》有 54 条评论

  1. Cocos2der 说:

    这个代码格式话的插件貌似不怎么好看,代码不能自动换行。貌似很多都有这个问题

  2. Pingback 引用通告: bing

  3. 痞子_叮咚 说:

    有没有 源代码啊?

  4. 痞子_叮咚 说:

    能告诉我 这个老虎机怎么停下来吗?

  5. Pingback 引用通告: هوامير المملكة

  6. 痞子_叮咚 说:

    停了schedule 后修复怎么写啊 ,我写的老虎机没有touchend 只有开始开关 ,要他自动停

  7. Pingback 引用通告: توصية اسهم

  8. Pingback 引用通告: bolig i tyrkia

  9. Pingback 引用通告: Windows 7 Password Reset

  10. Pingback 引用通告: visit the website

  11. Pingback 引用通告: vedonlyönti

  12. Pingback 引用通告: eat stop eat review

  13. Pingback 引用通告: payday loans qualifications

  14. Pingback 引用通告: Sports

  15. Pingback 引用通告: how to build a fence

  16. Pingback 引用通告: when to get pregnant

  17. Pingback 引用通告: http://www.youtube.com/watch?v=sKViD-SG1ro

  18. Pingback 引用通告: Camfrog

  19. Pingback 引用通告: get 1300 number

  20. Pingback 引用通告: buy beats

  21. Pingback 引用通告: Visit AdvMedCert on LinkedIn

  22. Pingback 引用通告: chirurgien orthopedique paris

  23. Pingback 引用通告: loans for people with bad credit

  24. Pingback 引用通告: loans for bad credit people

  25. Pingback 引用通告: bad credit loan

  26. Pingback 引用通告: goedkope vakantie nederland

  27. Pingback 引用通告: loans for people with bad credit

  28. Pingback 引用通告: Luxury Landscaping Reviews Guildford

  29. Pingback 引用通告: manatech

  30. Pingback 引用通告: loans with poor credit

  31. Pingback 引用通告: loan for bad credit

  32. Pingback 引用通告: car detailing beeliar

  33. Pingback 引用通告: I need air conditioner repair Katy Tx a/c call for air conditioning repair Cypress Tx

  34. Pingback 引用通告: great post to read

  35. Pingback 引用通告: Sample Video

  36. Pingback 引用通告: Top new toys Christmas

  37. Pingback 引用通告: geschenkideen freundinnen

  38. Pingback 引用通告: SEO Company

  39. Pingback 引用通告: legal shield review

  40. Pingback 引用通告: SEO FIRM

  41. Pingback 引用通告: http://www.therisperdallawsuit.com/

  42. 无意溜达到了这里,留下足迹

  43. 性感美腿 说:

    妩媚图片಑汤芳人体艺术全集性感诱惑丝袜奶茶妹妹挺孕肚拍写真av百科妹妹背着洋娃娃mv亚洲少女人体艺术www.360meimei.com

  44. 兔女郎 说:

    ﮩ妩媚图片 性感空姐不雅照诱惑恶魔的天使无锡写真mm520.ga

  45. 刘寒 说:

    情趣写真美女诱惑视频大波美女妹妹公主第一季美胸大赛图片se妹妹美女器官妹妹五月花meimei666.com

  46. 美女的胸 说:

    w情趣写真 cocos2d-x 模拟IOS时间选择器效果 - 第1张  | Cocos2D开发网 美少女人体艺术图片妹妹恋人小说美女性感艺术照亚洲妹妹我爱你日版奶茶妹妹360meimei.com

  47. 美腿mm 说:

    双色丝袜﮵嫂子的丝袜﮵重庆丝袜﮵518mei.com

  48. 狼与美女 说:

    ⇓妩媚图片黑帮总裁霸宠妹妹最新比基尼内衣性感白丝袜小嶋阳菜性感写真看妹妹网求av网站hTtP://570.mm88.ml

  49. a货包 说:

    cocos2d-x 模拟IOS时间选择器效果 - 第1张  | Cocos2D开发网 高仿包包ుRene Caovilla(芮妮●乔薇拉)wx31.com

  50. 233….嗯,不过总司杀人的时候好可怕,在笑的时候好帅又可爱。

  51. 中国少年*9=年少中国

  52. 要聊天麻烦单开,谢谢!

留下一个回复

你的email不会被公开。