登录优酷，尊享品质观影体验

VIP登录，跳过广告看大片

• 功夫小子，好玩的PK游戏

本节课的视频教程地址是：

如果本教程有帮助到您，希望您能点击进去观看一下，而且现在注册成为极客学院的会员，验证手机号码和邮箱号码会赠送三天的会员时间，手机端首次也可以领取五天的会员时间哦（即使是购买年会员目前也仅仅是年费260），成为极客学院学习会员可以无限制的下载和观看所有的学院网站的视频，谢谢您的支持！

第三课我们学习了过渡场景和主开始菜单的分析和实现。这节课我们讲学习下如何实现主开始菜单场景的附属场景设置功能场景和图籍场景。

首先是设置功能场景的分析和实现。
整个设置功能场景要实现的就是设置游戏的音乐和音效的设置并将设置保存下来。
所以这里我们首先需要知道是如何保存用户的数据，在我们的Cocos2d-x引擎中提供了一个类似数据存储的功能API

这个类的作用和一些重要的API我们可以通过其源码很容易看出来：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 然后看下设置功能场景的ui效果图：
可以看出这个功能场景的控件就三种类型，一个是菜单按钮——关闭按钮和保存按钮以及音乐和音效的开关按钮。而是精灵图片——背景图片等，三是滑动条的控件。因此此处我们需要学习的两个全新的控件就是滑动条的控件和开关按钮的控件，他们对应的Cocos2d-x的控件是：滑动条：ControlSlider，开关按钮MenuItemToggle。
 


 

 

 滑动条控件的组成分为三部分——互动的背景图，滑块，划过区域的图。看下他的关键源码：
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 他的父类Control提供了一个绑定事件的函数如下：
 
 

 

 然后是MenuItemToggle的用法，这个控件的学习方法和上面一样，查看其源码就可以知道他的构造性方法和重要的API函数，我这里就不再带着大家走一遍了。
下面是该界面的主要实现代码：
 


 

 

 


 
 
 
 
 
 
 
 
 
 
 
 

 以上就是设置功能场景的基本实现，其所使用的新的内容首先是UserDefault类保存和读取用户的数据，然后是ControlSlider类和MenuItemToggle类。
 


 

 图籍场景的UI效果如所示：
从上面的UI效果图可以看出.这个场景中主要要实现的效果是左边的一个列表选择，中间的列表项展示区域以及一个标签提示。
关于能够实现列表显示的控件Cocos2d-x提供的相关的类有：ListView，TableView，以及一个相关的PageView。
这三个类都有些复杂，限于时间和篇幅，这里难以展开细说提供给大家几个学习的博文和demo：
TableVIew



 

 

 ListVIew：
这个可以直接看我们项目中的对listview的使用。最好还是看一下源码，分析下他的实现方式，这样如果以后需要自己定制类似的控件也会方便许多。
这个场景的实现代码如下:
 


 
 
 
 
 
 
 
 
 
 

 这就是我们的图籍场景的实现，所使用的是ListView，这个控件的使用方法是非常简单的，但是需要我们了解下其背后的实现原理。
这里有两个问题先提出来，一个是ListView 3.0版本的在Android平台下可能会出现白屏绿底的现象。二是我们的这个场景的标签在Windows平台下面是乱码。具体的解决办法我们会在后面的给出答案，当然您也可以提前找下解决的方法。
 


 

 本节课的视频教程地址是：第四课在此
 


 

如果本教程有帮助到您，希望您能点击进去观看一下，而且现在注册成为极客学院的会员，验证手机号码和邮箱号码会赠送三天的会员时间，手机端首次也可以领取五天的会员时间哦（即使是购买年会员目前也仅仅是年费260），成为极客学院学习会员可以无限制的下载和观看所有的学院网站的视频，谢谢您的支持！