Cocos2d-x的学习之旅(八)ScrollView

Cocos2d-x的学习之旅(八)ScrollView,第1张

概述声明 本教程仅用于初学cocos2dx同学使用,内容由本人(Code-Man)编写,此教程使用cocos2dx版本为3.4。本教程内容可以自由转载,但必须同时附带本声明,或注明出处。QQ群:Cocos2d-CodeMonkey ,461679592。 一个星期没见了,虽然现在没有人看我东西,但还是坚持写。这个星期我毕业了,谢谢那些陪伴了3年的小伙伴们谢谢你们。 进入今天的主题吧,今天我来介绍一个屌

声明

本教程仅用于初学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所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1062402.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存