pageView的应用

我就是我 2022-08-13 15:53 98阅读 0赞

首先要引入对ui组建的支持

引入对cocos Studio的支持

\#include "ui/CocosGUI.h"

\#include "cocostudio/CocoStudio.h"

usingnamespace cocostudio;

usingnamespace ui;

然后就是加载在cocos Studio中做好的页面，放到项目的资源目录当中

windows的vs环境下面可以进行下面的应用 加载json文件

Widget \*uiLayer =  GUIReader::getInstance()->widgetFromJsonFile("GameStartBG\_1/GameStartBG\_1.json");

在Mac的xCode当中可以用下面的语法进行加载相应的 ExportJson文件

auto layer1 = timeline::NodeReader::getInstance()->createNode("TankUi\_1/TankUi\_1.ExportJson");

//首先就是添加上最下面的显示看见浏览到了那一页。

m\_selector =  Sprite::create("selector1.png");

m\_selector\->setPosition(Vec2(VSIZE.width/2, VSIZE.height \* 0.1));

m\_selector\->setScale(0.8);

this\->addChild(m\_selector);

//获取到相应的PV属性(就是pageView)

auto pageView = (PageView \*)uiLayer->getChildByName("PV");

// start button,当获取到得页面是第四页的时候呢，就对第四页上面的内容进行监听做出相应的处理

auto page4 = pageView->getPage(3);

//开始按钮

auto startBtn = (Button \*)page4->getChildByName("startButton");

startBtn->addTouchEventListener(\[=\](Ref \*s, Widget::TouchEventType t)\{

if (t == Widget::TouchEventType::BEGAN)\{

SimpleAudioEngine::getInstance()->playEffect(CLIK\_MUSIC);

\}

if (t == Widget::TouchEventType::ENDED) \{

goStart(nullptr);

\}

\});

//关于按钮

auto aboutBtn = (Button \*)page4->getChildByName("aboutButton");

aboutBtn->addTouchEventListener(\[\](Ref \*sender, ui::Widget::TouchEventType type)\{

if (type == Widget::TouchEventType::BEGAN)\{

SimpleAudioEngine::getInstance()->playEffect(CLIK\_MUSIC);

\}

if (type == ui::Widget::TouchEventType::ENDED) \{

auto scene = TransitionSlideInR::create(0.8f, AboutScene::createScene());

Director::getInstance()->pushScene(scene);

\}

\});

//显示下面的三个点，其实是三张不同的图片当页面切到不同的页面的时候就设置下面那种图片的纹理为相应的图片

pageView->addEventListener(\[=\](Ref \*sender, PageView::EventType type)\{

ssize\_t page1 = 0;

ssize\_t page2 = 1;

ssize\_t page3 = 2;

if(pageView->getCurPageIndex() ==page1 )\{

m\_selector\->setTexture("selector1.png");

\}

else if (pageView->getCurPageIndex() == page2)

\{

m\_selector\->setTexture("selector2.png");

\}else if(pageView->getCurPageIndex() == page3)

\{

m\_selector\->setTexture("selector3.png");

\}

\});

this\->addChild(uiLayer);

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter基础（七）Scrolling Widget之ListView、GridView、PageView

**本文首发于公众号「刘望舒」** [ReactNative入门系列][ReactNative] [React Native组件][React Native] [Fl...

た入场券/ 2024年04月17日 06:30/ 0 赞/ 49 阅读

相关 Flutter PageView 属性使用详解

PageView.builder({ Key? key, this.scrollDirection = Axis.ho

分手后的思念是犯贱/ 2023年10月07日 17:28/ 0 赞/ 8 阅读

相关 Flutter中TabBarView与PageView该如何选择

TabBarView和PageView都可以用来当作导航切换的容器。但还是有一些使用的区别。区别 TabBarView主要展示不同ui的容器，配合TabBar导

电玩女神/ 2022年10月13日 02:58/ 0 赞/ 264 阅读

相关基于creator的tableView和pageView

转载请注明出处 gihub:https://github.com/a1076559139/creator\_tableView tableView

╰+哭是因爲堅強的太久メ/ 2022年09月25日 09:21/ 0 赞/ 144 阅读

相关 pageView

PageView \ pageView = PageView::create(); //新建 pageView->setContentSize(Size(240.0f, 13

短命女/ 2022年09月22日 13:56/ 0 赞/ 122 阅读

相关 Cocos2dx v3.10 pageview addeventlistener不起作用

解决方案：https://github.com/cocos2d/cocos2d-x/pull/14964/files 越来越不喜欢cocos了，到处是坑，升级就升级吧，把原来

谁践踏了优雅/ 2022年08月23日 04:45/ 0 赞/ 138 阅读

相关 pageView的应用

首先要引入对ui组建的支持引入对cocos Studio的支持 \include "ui/CocosGUI.h" \include "cocostudio/CocoSt

我就是我/ 2022年08月13日 15:53/ 0 赞/ 99 阅读

相关 cocos2d js-3.2 PageView的简单使用

PageView在GUITest中可以看到相关的示例代码，简单的使用代码如下： \[javascript\] [view plain][] [copy][view plai

叁歲伎倆/ 2022年08月03日 00:07/ 0 赞/ 218 阅读

相关 CocosCreator PageView组件使用

在Cocos2dx中，ListView或者PageView都是继承自ScrollView的。然而在CocosCreator中，ScrollView就是ListView，Pa

╰+攻爆jí腚メ/ 2022年06月05日 10:25/ 0 赞/ 958 阅读

相关 flutter底部bottomNavigationBar+PageView实现

上图 ![11172442-9645f7163a7b2a64.png][] AEB9E959-B62A-405E-BA60-DD9759B0A1A9.png 需要实

我会带着你远行/ 2021年10月01日 11:16/ 0 赞/ 493 阅读