Cocos2d-x   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Cocos2d-x的学习之旅(八)ScrollView大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

声明

本教程仅用于初学cocos2dx同学使用,内容由本人(Code-Man)编写,此教程使用COcos2dx版本为3.4。本教程内容可以自由转载,但必须同时附带本声明,或注明出处。QQ群:Cocos2d-CodeMonkey,461679592


一个星期没见了,然现在没有人看我东西,但还是坚持写。这个星期我毕业了,谢谢那些陪伴了3年的小伙伴们谢谢你们。


进入今天的主题吧,今天我来介绍一个屌炸天的东西,哎,我那次不是说屌炸天的??哈哈哈。。。。


ScrollView是什么?

ScrollView 滚动窗口。就像手机里的APP页面,我们有很多的应用可能会有4、5页的应用,左右滑动来选择需要打开的应用。这种左右滑动就是我们要实现的效果。本节课不讲触摸事件,下节课我们会结合本节课来讲解。


本节课素材:

一共三张背景图红、绿、黄,Button下节课会用到。




  
    WinSize=Director::geTinstance()->getVisibleSize();
    
    //创建一个空的层,在这里把它理解为一个容器,他用来装我们的三个背景图
    auto layer=Layer::create();
    
    //创建一个ScrollView,并指定它的大小,也就是能显示的区域有多大。
    auto scrollView=ScrollView::create(WinSizE);
    //设置装在ScrollView里面的东西
    scrollView->setContainer(layer);
    //滑动方向,HORIZONTAL为水平滑动,VERTICAL垂直滑动,BOTH为两者都能滑动
    scrollView->setDirection(ScrollView::Direction::HORIZONTAL);
    this->addChild(scrollView);
    
    
    //创建三个背景图
    for (int i=0; i<=2; i++) {
        std::string bgName="red_bg.png";
        switch (i) {
            case 0:
                bgName="red_bg.png";
                break;
            case 1:
                bgName="green_bg.png";
                break;
            case 2:
                bgName="yellow_bg.png";
                break;
            default:
                break;
        }
        auto bg=Sprite::create(bgName);
        //背景图的x轴坐标,隔着一个屏幕的距离,就像这样子:0..0..0
        bg->setPosition(layer->getContentSize().width/2+(WinSize.width*i),layer->getContentSize().height/2);
        layer->addChild(bg);
    }
    
    //这句话先不用管,知道他是等待1秒后会执行括号里面的方法就好。
    this->runAction(Sequence::create(DelayTime::create(1),CallFunc::create([&](){
        
        //scrollView要偏移的一个位置,在这里我吗直接填入向左移动一个屏幕的距离。本节直接移动,下节课结合触摸函数继续处理。
        scrollView->setContentOffseTinDuration(Vec2(-WinSize.width*1,0),0.2f);
        
    }),NULL));


效果:

大佬总结

以上是大佬教程为你收集整理的Cocos2d-x的学习之旅(八)ScrollView全部内容,希望文章能够帮你解决Cocos2d-x的学习之旅(八)ScrollView所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。