首页 / COCOS2D / cocos2d js ScrollView的用法

cocos2d js ScrollView的用法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了cocos2d js ScrollView的用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1822字，纯文字阅读大概需要3分钟。

内容图文

游戏中很多需要用到ScrollView的情况，也就是需要滚动一片区域。这里有两种实现方法，一种是使用cocos studio的方式，第二种是手写代码。先看第一种

第一种记得在设置滚动区域时选取裁剪项。

        var size = cc.winSize;
         
        //读取json文件
        var root = ccs.uiReader.widgetFromJsonFile(res.listJson);
       this.addChild(root);
       //获取在cocos studio里面设定好的scrollView
        var missionlist = ccui.helper.seekWidgetByName(root, "MissionList");
       //设定垂直朝向滚动
        missionlist.setDirection(ccui.ScrollView.DIR_VERTICAL);
        missionlist.setTouchEnabled(true);
        missionlist.setBounceEnabled(true);
        missionlist.setVisible(true);
        //设置大小
        missionlist.setSize(cc.size(960, 400)); 
        //设置可以滚动区域       
        var len = 9;
        missionlist.setInnerContainerSize(cc.size(960, 80* len));
        missionlist.y = size.height/2;
        missionlist.x = size.width/2;
        missionlist.setAnchorPoint(cc.p(0.5,0.5));
       //设置滚动的项目
        for(var i = 0; i < len; i++){
	        var sprite = new cc.Sprite(res.item_png);
	        missionlist.addChild(sprite);
	        sprite.x = missionlist.width/2;
	        sprite.y = missionlist.getInnerContainerSize().height + 40 - (i+1)*80;
	        sprite.setAnchorPoint(cc.p(0.5,0.5));
        }
         missionlist.jumpToTop();

</pre><pre name="code" class="javascript">第二种，手写代码
<p><pre name="code" class="javascript">       varlistView = ccui.ScrollView.create();
        listView.setDirection(ccui.ScrollView.DIR_VERTICAL);
        listView.setTouchEnabled(true);
        listView.setBounceEnabled(true);
        listView.setSize(cc.size(960, 400));
        listView.x = size.width/2;
        listView.y = size.height/2;
        listView.setAnchorPoint(cc.p(0.5,0.5));
        this.addChild(listView);
       listView.setInnerContainerSize(cc.size(960, 80*9));
        for(var i =0; i < 9; i++){
         varsprite = new cc.Sprite(res.item_png);
         listView.addChild(sprite);
         sprite.x= listView.width/2;
         sprite.y= listView.getInnerContainerSize().height + 40 - (i+1)*80;
         sprite.setAnchorPoint(cc.p(0.5,0.5));
        }

        listView.jumpToTop();


原文：http://blog.csdn.net/dayday_up2/article/details/40617915

内容总结

以上是互联网集市为您收集整理的cocos2d js ScrollView的用法全部内容，希望文章能够帮你解决cocos2d js ScrollView的用法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1107819.html

来源：【匿名】