ccui.PageView

    ---pageView

    local page=ccui.PageView:create()

    for i=1,8 do

---创建layout,内容添加到layout
        local layout=ccui.Layout:create()
        layout:setContentSize(700,700)

        layout:setPosition(0,0)
        local s=i .. ".png"
        local xx= ccui.Button:create(s,s,s,0)
        layout:addChild(xx)
        xx:setPosition(350,700/2)
        page:addPage(layout)---一个layout 为一个 page内容

        xx:setScale(1.5)
    end

    layer:addChild(page)

    page:setContentSize(700,700)
    page:setTouchEnabled(true)
    page:setAnchorPoint(cc.p(0.5,0.5))
    page:setPosition(WIDTH_MAX/2,HEIGHT_MAX/2)
    
    
    --注册事件
    
      page:addEventListener(function(sender,event)
        if event==ccui.PageViewEventType.turning then
            self:setName(page:getCurPageIndex())
        
        end
    
    end)
时间: 2024-08-08 05:38:31

ccui.PageView的相关文章

Cocos2d-JS中使用CocosStudio资源——关卡选择界面

在本篇博客中,我们将通过一个在Cocos2d-JS中使用从CocosStudio导出的关卡选择界面资源的例子,来简要介绍以下内容:Button控件,Text控件,PageView控件,即翻页容器的使用. 一.CocosStudio准备 第一步:从官网下载相应的示例,LevelSelection.效果图如下: 第二步:修改其中的一些控件的名称,方便寻找获取,如: 由于官网给的例子中的控件名字有的较复杂,所以可以按照自己的想法进行修改. 第三步:发布资源.注意发布设置中应该将数据格式改为JSON格式

cocostudio——js 3 final控件事件

最近试用了下cocos ide,然后引擎用的cocos2dx js 3 final,需要build runtime一下,下面是cocos studio相关的一些事件: 添加事件侦听: // button var root = ccs.uiReader.widgetFromJsonFile("res/UIButton_Editor/UIButton_Editor_1.json"); this.addChild(root); var back_label = ccui.helper.see

【cocos2d-js官方文档】十七、事件分发机制

简介 游戏开发中一个很重要的功能就是交互,如果没有与用户的交互,那么游戏将变成动画,而处理用户交互就需要使用事件监听器了. 总概: 事件监听器(cc.EventListener) 封装用户的事件处理逻辑 事件管理器(cc.eventManager) 管理用户注册的事件监听器,根据触发的事件类型分发给相应的事件监听器 事件对象(cc.Event) 包含事件相关信息的对象 如何使用呢? 首先需要创建一个事件监听器,事件监听器包含以下几种类型: 触摸事件监听器 (cc.EventListenerTou

【cocos2d-js公文】十七、事件分发机制

简单介绍 游戏开发中一个非常重要的功能就是交互,假设没有与用户的交互.那么游戏将变成动画,而处理用户交互就须要使用事件监听器了. 总概: 事件监听器(cc.EventListener) 封装用户的事件处理逻辑 事件管理器(cc.eventManager) 管理用户注冊的事件监听器,依据触发的事件类型分发给对应的事件监听器 事件对象(cc.Event) 包括事件相关信息的对象 怎样使用呢? 首先须要创建一个事件监听器.事件监听器包括下面几种类型: 触摸事件监听器 (cc.EventListener

【COCOS CREATOR 系列教程之四】基于0.7.1先简单制作一个PAGEVIEW

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/cocos-creator/1999.html 由于当前版本还没有发布1.0,因此还有不少组件没有发布,那么Himi也看到Cocos Creator群里有几个童鞋问起过PageView的问题,那么Himi正好借此练手,基于当前版本制作一个PageView. 本文分为两部分进行讲解: 1. 制作PageView     2. 如何使用 一. 制作

滑动分页pageview,滑动分页GridView

采用pageview做成的一个滑动分页效果,在里面添加Gridview视图,太深奥的东西我也不懂,不过反正能实现这种效果吧图片是借用的. 下载地址:http://www.devstore.cn/code/info/635.html 运行截图:   

cocosStudio中使用PageView,ListView和ScrollView

晚上吃东西好像吃坏肚子了,.但是技术还要继续研究.最近工作中要使用CocosStudio做界面,好吧,不管对他有什么偏见,学习一下吧.这里主要记录一下三个控件的使用和说明.就是ScrollView,ListView和PageView. 首先大致的介绍一下这三个控件吧,scrollView顾名思义,滑动容器可以上下滑动,也可以左右滑动.PageView可以这么理解,它就是scrollView的超级版,因为它是整页滑动.listView是列表容器,它相对与其它两个控件来讲,它不不能添加精灵.粒子.声

cocos js 3.8.1 clippingNode 不能被 ccui.ScrollView 或者ccui.Layout裁剪的bug

clippingNode不能被ccui.ScrollView.ccui.ListView.ccui.Layout裁剪问题,只需要 设置scrollView ...的裁剪类型 scrollView.setClippingType(ccui.Layout.CLIPPING_SCISSOR); 注:这个方法是ccui.Layout的方法,对cc.ScrollView不起作用

Cocostudio学习笔记(6) ScrollView+ ListView+ PageView

这篇记录了三个控件的使用流程:ScrollView和 ListView.PageView. ---------------------------------------------------------------------------------------------------------------------------- ScrollView --------------------------------------------------------------------