关于cocos2dx -js中使用scrollview的心得

最新推荐文章于 2022-05-23 11:39:47 发布

gameSummer

最新推荐文章于 2022-05-23 11:39:47 发布

阅读量4.9k

点赞数

分类专栏： Cocosdx-javascript 文章标签： cocos2dx javascript

本文链接：https://blog.csdn.net/einsteinlike/article/details/24552719

版权

在项目中实现长图片滚动功能时，作者通过cocos2dx的ScrollView组件进行学习和实践，记录了遇到的一些问题和解决办法。包括：ScrollView内容尺寸需与图片匹配，避免内容偏移，正确设置内容和精灵的锚点，以及对JavaScript语言的进一步学习需求。

摘要由CSDN通过智能技术生成

项目需要做一个滚动显示长图片的功能,跟公司大牛请教后得知cocos有个控件叫scrollview,遂学习了一下,记录一些坑.....

上代码先:

var cache = cc.SpriteFrameCache.getInstance();
    cache.addSpriteFrames("img/c.plist");
    var img =  cc.SpriteFrameCache.getInstance().getSpriteFrame("r_p.png");
    var sp = cc.Sprite.createWithSpriteFrame(img);
    sp.setAnchorPoint( cc.p (0,0) );
    var offset = sp.getContentSize().height - 300;
    sp.setPosition(cc.p( 0, 0));
    sp.setVisible(true);
    var container = cc.LayerRGBA.create();
    var color = new cc.c3b(255, 0, 0);  // 设置颜色
    container.setColor(color);
    container.setAnchorPoint( cc.p (0,0) );
    container.addChild(sp);
    container.setPosition( cc.p (0,300)) ;
    container.setVisible(true);
    var scroll_card = cc.ScrollView.create();
    scroll_card.setContainer(container);
    scroll_card.setContentSize(cc.size(512,1200));
    scroll_card.setViewSize(cc.size(512,300));