Create Choose Level Scroll Horizontal (or Vertical)

cocos2d-x C++
#1

Hi, I want create Choose Level Scroll Horizontal (or Vertical) same Big Hero Game (Picture bellow) . I tried using ui::ScrollView but still no success. ScrollView activate but background not Scroll :frowning:

Please help me for this solution or help me 1 new solution. Thanks very much!

d70ff192408a4721.png320×568 

Size visibleSize = Director::getInstance()->getVisibleSize();
Vec2 origin = Director::getInstance()->getVisibleOrigin();
ui::ScrollView* scrollView = ui::ScrollView::create();
scrollView->setDirection(ui::ScrollView::Direction::HORIZONTAL);
scrollView->setTouchEnabled(true);
scrollView->setBackGroundImage("bg.jpg");
scrollView->setContentSize(Size(visibleSize.width, visibleSize.height));
scrollView->setInnerContainerSize(Size(visibleSize.width, visibleSize.height * 2));
scrollView->setPosition(Vec2(0,0));
scrollView->retain();
#2

This set background image of ScrollView.
And ScrollView scrolls child nodes.
So, add background image at scrollview instead of setBackGroundImage

1 Like
#3

Thanks for solution!

Sprite *background = Sprite::create("bg.jpg"); //bg.jpg = visibleSize.width*2 x visibleSize.height
background->setPosition(visibleSize.width/4, visibleSize.height/2);//
scrollView->addChild(background,0);