脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Cocos2d-JS中使用CocosStudio资源――ListView和ScrollView，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

在本篇博客中，我们将简要分析一下ListView和ScrollView之间的关系，如何正确使用两个控件进行设计，目前CocosStudio对两个控件的支持状况等。

一、ListView和ScrollView的一些思考

1. 两者联系：

首先，我们要知道ListView是继承自ScrollView的，也就是说，ListView在ScrollView的基础上，对一些细节功能进行了细化。ScrollView有的方法，ListView都有，而ListView有的，ScrollView未必有。

官方的JS-tests中对二者的展示也几乎相同，都是展示了竖向和横向滑动的列表样式。但是，我们要知道ScrollView是可以同时实现竖向和横向滑动的。

2. 两者区别：

滑动方向不同：
ScrollView可以实现四个方向的滑动，但是ListView只能实现竖向或横向滑动。

对其中陈列的控件的监听精度不同：
ListView往往能够精确到某一个ITem被选择了，而ScrollView却没有提供这方面的便捷方案。所以，从这点也可以看出ListView更加适合用在列表信息展示上，官网的示例中也确实是这么做的。而，ScrollView更加适合用在“大地图”的展示，通过玩家窗口的移动来查看整张地图的内容。

CocosStudio的支持程度不同：
其实，这个是很让我惊讶的。目前来说，CocosStudio对ListView的支持并不健全，如下图所示：

你会发现，好多控件都无法进行添加。虽然，这给开发者带来了很大不便。（希望官网早点支持更多控件的添加啊。。。）但是，我们退一步想想。其实ListView主要用于列表内容的展示，大概也就是展示展示图片，文字，最多再加上按钮。我想应该能够满足大多数开发者的普通要求了。<"https://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4NCgk8cD48c3Ryb25nPRWrysejrDwvc3Ryb25nPsjnufvE47Tyy+PU2kNvY29zU3R1ZGlv1tDX9rP20ru49rfF1sO6w7K8vta1xEl0ZW2jrMi7uvPU2klERdbQu/HIodauuvOjrGNsb25lo6zIu7rz0N64XMbk1tDSu9Cp0KHPuL3ao6y+zb/J0tTSu8n6sNmjrLDZyfrHp6Gjtu6jrMTHxOO+zc/rvPK1pcHLoaPE47/J0tSzosrU0rvPwqOs1NpDb2Nvc1N0dWRpb9bQo6zE47bU0ru49kl0ZW3Wxtf3usOyvL7W1q6686OstbzI60lERdauuvPKx8LStcSjoaOho6GyorK7ysfE49TaQ29jb3NTdHVkaW/W0Mno1sO6w7XEsry+1qGj0rKyu9aqtcDKx7K7ysfO0rLZ1/fXy8rGsru21KOst7TV/c7SsrvQ0KOsyOe5+8Tj0NCjrMbatP3XxcTjt9bP7cTjsry+1rXE1f3It9fLysahozxzdHJvbmc+1eK49sjnufvKx0J1Z7XEu7CjrNKyz6PN+7nZzfi+odTn0N64tLDJoam8L3N0cm9uZz48L3A+DQoJPHA+z+C21MC0y7WjrFNjcm9sbFZpZXe+zb+qt8W24MHLo6zL5rHjxOPU9cO0zc+jrLa8v8nS1KGjzt7C28qyw7S/2Lz+o6zO0ra8v8nS1L3TytyhozwvcD4NCjwvYmxvY2txdW90ZT4NCjxoMiBpZD0="二最后的说明">二、最后的说明

其实，ListView中貌似是可以添加自定义控件的，但是据一位网友反映，貌似只能在代码中自定义，而且要继承Widget，这样操作之后，貌似SelectedItem会判断不了，还要自己进行判断，由于具体没有操作，也就不太明了了。
由于本系列教程主要介绍在CocosStudio中制作完控件之后，在IDE中如何获取。而ListView貌似不能在CocosStudio中进行相应的详细设计，只能在代码中实现，所以，我们在这里就不贴代码了。而ScrollView的功能几乎在CocosStudio设计中就可以实现了，几乎不需要代码进行进一步设计。我们在这里也不详细介绍了。
后期，如果觉得如何在代码中制作ListView和操作ScrollView有必要的话，我们再单独拿出一篇来详细讲讲如何操作的问题。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Cocos2d-JS中使用CocosStudio资源――ListView和ScrollView全部内容，希望文章能够帮你解决javascript代码实例教程-Cocos2d-JS中使用CocosStudio资源――ListView和ScrollView所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。