关于cocostudio的ScrollView使用

想做一个关卡需求是这样的:

点击关卡按钮player会从当前关卡移动到目标按钮关卡的位置,同事背景也要移动，并且保证背景没有黑边的情况下，尽量使player位于x轴y轴的中间位置。

如果不能滚动的话，直接移动背景就好了，现在需求滑动也能选择关卡，那么久需要用scrollView并设置一下containLayer的offset了。

初始化的scrollView时候scrollView位于左上角，设置也没有作用，现在发现的只能这么做设置一下time让它有个动作移动到目的位置了。

 auto innerSize = scView->getInnerContainer()->getContentSize();
    auto scViewSize = scView->getContentSize();
    scViewPos = Vec2(innerSize.width - scViewSize.width,scViewSize.height-innerSize.height);

ScrollView是按百分比移动的，其中百分比的目标宽度是scViewPos.x，目标高度是scViewPos.y注意目标高度是负值。因为cocos初始化的时候是在左上角的，也就是向下移动了

innerSize.height - scViewSize.height距离。

上代码：

#ifndef LevelLayer_H__
#define LevelLayer_H__
#include "BasicLayer.h"
#include "Define.h"
#include "cocostudio/CocoStudio.h"
#include "ui/CocosGUI.h"
#include "Tools.h"
using namespace ui;
using namespace std;
class LevelLayer : public BasicLayer
{
public:
	LevelLayer(){};
	~LevelLayer(){};
	static Scene* scene();
	virtual bool init();
	void initData();
	void initView();
    void btn_callBack(Ref *pSender,Widget::TouchEventType type);
    void test(float dt);
	CREATE_FUNC(LevelLayer);
public:
    Size bgSize;
    int curPageIndex;
    ScrollView* scView;
    Sprite* hero;
    vector<Vec2> levPoints;
    //当前scViewPos  也就是innerlayer多出view部分  宽度为正 高度为负
    Vec2 scViewPos;
    //当前scview占得百分比
    Vec2 percentPos;
};
#endif

.cpp

#include "LevelLayer.h"
#include "math.h"
Scene* LevelLayer::scene()
{
	auto sc = Scene::create();
	auto layer = LevelLayer::create();
	sc->addChild(layer);
	return sc;
}

bool LevelLayer::init()
{
	BasicLayer::init();
	initData();
	initView();
	return true;
}


void LevelLayer::initData()
{
    curPageIndex = 1;
}

void LevelLayer::initView()
{
    Node* root = csloader::createNode("LevelLayer.csb");
    this->addChild(root);
    
    hero = (Sprite*)seekNodeByName(root,"hero");
    auto bg = (Sprite*)seekNodeByName(root,"levelBg");
    bgSize = bg->getContentSize();
    
    scView = (ScrollView*)seekNodeByName(root,"scrollView");
    auto innerSize = scView->getInnerContainer()->getContentSize();
    auto scViewSize = scView->getContentSize();
    scViewPos = Vec2(innerSize.width - scViewSize.width,scViewSize.height-innerSize.height);
    percentPos = Vec2(0,100);
    scView->scrollToPercentBothDirection(percentPos,4.5f,true);
    
    for(int i=1;i<=EVERY_LEVEL_NUMES;i++)
    {
        const char* btName = String::createWithFormat("button_%02d",i)->getCString();
        auto node = (Button*)seekNodeByName(root,btName);
        node->addTouchEventListener(CC_CALLBACK_2(LevelLayer::btn_callBack,this));
        auto pos = node->getPosition();
       // cclOG("i = [posX:%f posy:%f tag:%d]",pos.x,pos.y,node->getTag());
        levPoints.push_back(pos);
    }
    
    this->schedule(schedule_selector(LevelLayer::test),0.2f);
}

void LevelLayer::btn_callBack(Ref *pSender,Widget::TouchEventType type)
{
    if(type == Widget::TouchEventType::ENDED)
    {
        
        
        cclOG("btn_callBack");
        Button* btn = (Button*)pSender;
        int tag = btn->getTag();
        auto curPos =  hero->getPosition();
        auto aimPos = levPoints[tag-1];
        float dis = curPos.distance(aimPos);
        cclOG("dis:%f",dis);
        float moveTime = dis * 0.01f;
        
        auto moveto = Moveto::create(moveTime,aimPos);
        hero->runAction(moveto);
        
        cclOG("i = [posX:%f posy:%f tag:%d]",aimPos.x,aimPos.y,tag);
        
        int x = MAX(aimPos.x,winWidth / 2);
        int y = MAX(aimPos.y,winHeight/ 2);
        x = MIN(x,bgSize.width - winWidth/2);
        y = MIN(y,bgSize.height - winHeight/2);
        auto goodPoint = Vec2(x,y);
        auto centerOfScreen = winCenter;
        centerOfScreen.subtract(goodPoint);
        
//        auto bg = hero->getParent();
//        auto bgMove = Moveto::create(moveTime,centerOfScreen);
//        bg->runAction(bgMove);
        
        float perX = centerOfScreen.x/scViewPos.x*100;
        float perY = centerOfScreen.y/scViewPos.y*100;
        cclOG("[center:]%f %f [%f %f]",centerOfScreen.x,centerOfScreen.y,perX,perY);
        Vec2 perPos = Vec2(perX,perY);
        Vec2 curPrePos = percentPos - perPos;
        curPos = scView->getInnerContainer()->getPosition();
        cclOG("curpos:%f %f",curPos.x,curPos.y);
        scView->scrollToPercentBothDirection(curPrePos,moveTime,true);
    }
}

void LevelLayer::test(float dt)
{
    auto layer = scView->getInnerContainer();
    cclOG("layer:%f %f",layer->getPositionX(),layer->getPositionY());
}

测试图片：

原文地址：https://www.jb51.cc/cocos2dx/343718.html

关于cocostudio的ScrollView使用

相关推荐