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

在项目中实现长图片滚动功能时,作者通过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));
   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值