热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

【Cocos2d-xforWP8学习整理】(4)CCTableView实现《天天爱消除》中的得分榜

接上回CCScrollView继续,在GUI里还有个CCScrollView的子类---CCTableView。这个名字应该是从IOS里的UITableView来的,其实是跟WP8

接上回 CCScrollView 继续,在GUI 里还有个 CCScrollView 的子类---CCTableView 。 这个名字应该是从 IOS 里的 UITableView来的,其实是跟WP8的 Listbox 效果一样,实现

大数据的虚拟化展示, 不管在应用还是游戏里都是很常见的控件。 比如下面的 《天天爱消除》 的分数展示

 

下面我们用 CCTableView 一步步实现上面的效果,


一、创建承载它的容器

我们选用一个Layer, 

class ListViewLayer :  public cocos2d::CCLayer,  public cocos2d::extension::CCTableViewDataSource,  public cocos2d::extension::CCTableViewDelegate
{
public:
     virtual  bool init();  
    
     virtual  void scrollViewDidScroll(cocos2d::extension::CCScrollView* view);

     virtual  void scrollViewDidZoom(cocos2d::extension::CCScrollView* view);

     // 处理触摸事件
     virtual  void tableCellTouched(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell);
     // 每一项的宽度和高度
     virtual cocos2d::CCSize cellSizeForTable(cocos2d::extension::CCTableView *table);
     // 生成列表每一项的内容
     virtual cocos2d::extension::CCTableViewCell* tableCellAtIndex(cocos2d::extension::CCTableView *table, unsigned  int idx);
     // 一共多少项
     virtual unsigned  int numberOfCellsInTableView(cocos2d::extension::CCTableView *table);

    CREATE_FUNC(ListViewLayer);
};

该 Layer 实现了 CCTableViewDataSource 和 CCTableViewDelegate 这两个接口,

分别为 CCTableView 提供数据源 和 响应事件,后面会作为 CCTableView 的 Delegate 存在

 

二、 创建并添加 CCTableView 对象

bool ListViewLayer::init()
{
     bool bRet =  false;
     do
    {
        CC_BREAK_IF( !CCLayer::init() );

        bg = CCTextureCache::sharedTextureCache()->addImage( " bg.png ");
        bg2 = CCTextureCache::sharedTextureCache()->addImage( " bg2.png ");

        CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();

        CCTableView* pTableView = CCTableView::create( this, CCSizeMake(visibleSize.width, visibleSize.height));
        pTableView->setDirection(kCCScrollViewDirectionVertical);
        pTableView->setPosition(CCPointZero);
        pTableView->setDelegate( this);  //将Delegate对象设置为刚才创建的容器.
        pTableView->setVerticalFillOrder(kCCTableViewFillTopDown);

         this->addChild(pTableView);
        pTableView->reloadData();

        bRet =  true;
    }
     while( 0);

     return bRet;
}

 

三、 为CCTableView提供数据

首先要 通过 numberOfCellsInTableView 指定 TableView 的单元个数,然后在 cellSizeForTable 里指定具体的单元格的尺寸大小,最后在 tableCellAtIndex 里控制每个单元格的具体数据。

代码如下:

unsigned  int ListViewLayer::numberOfCellsInTableView(CCTableView *table)
{
     return  999;
}

CCSize ListViewLayer::cellSizeForTable(CCTableView *table)
{
     return CCSizeMake(CCDirector::sharedDirector()->getVisibleSize().width,  124);
}

CCTableViewCell* ListViewLayer::tableCellAtIndex(CCTableView *table, unsigned  int idx)
{
    CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();

    CCString *pString = CCString::createWithFormat( " %d ", idx +  1);

    //这里要注意,因为是单元格是会重用的,所以不一定每次都要新建。
    CCTableViewCell *pCell = table->dequeueCell();
     if (!pCell) 
    {
        pCell =  new CCTableViewCell();
        pCell->autorelease();

         // Add background.
        CCSprite *pSprite;

         if(UserIndex == idx)
        {
            pSprite = CCSprite::createWithTexture(bg2);
        }
         else
        {
            pSprite = CCSprite::createWithTexture(bg);
        }

        pSprite->setAnchorPoint(CCPointZero);
        pSprite->setPosition(CCPointZero);
        pSprite->setTag( 111);
        pCell->addChild(pSprite);

         // Add Icon.
        pSprite = CCSprite::create( " Icon.png ");
        pSprite->setPosition(ccp( 18060));
        pCell->addChild(pSprite);

         // Add Rate.
        CCLabelTTF *pLabel = CCLabelTTF::create(pString->getCString(),  " Arial "70.0);
        pLabel->setPosition(ccp( 7060));
        pLabel->setTag( 123);

        pCell->addChild(pLabel);

         // Add Name.
        pLabel = CCLabelTTF::create( " Ghost Person "" Arial "40.0);
        pLabel->setPosition(ccp( 25060));
        pLabel->setAnchorPoint(CCPointZero);
        pLabel->setTag( 123);

        pCell->addChild(pLabel);
    }
     else
    {
        CCLabelTTF *pLabel = (CCLabelTTF*)pCell->getChildByTag( 123);
        pLabel->setString(pString->getCString());

         if(UserIndex == idx)//根据ID创建不同的效果.
        {
            CCSprite* bg3 = (CCSprite*)pCell->getChildByTag( 111);
            bg3->setTexture(bg2);
        }
         else
        {
            CCSprite* bg3 = (CCSprite*)pCell->getChildByTag( 111);
            bg3->setTexture(bg);
        }
    }

     return pCell;  }

就这三步,大功告成了,附上效果图:

 

 

 

丑是丑了一点啊,不过已经基本成型了。

而且发现在920上滑动的时候只有30帧左右,不知道其他手机如何,后面具体再测。

 

 欢迎有兴趣的童鞋加入Cocos2d-x 开发群  qq: 264152376


推荐阅读
  • STL迭代器的种类及其功能介绍
    本文介绍了标准模板库(STL)定义的五种迭代器的种类和功能。通过图表展示了这几种迭代器之间的关系,并详细描述了各个迭代器的功能和使用方法。其中,输入迭代器用于从容器中读取元素,输出迭代器用于向容器中写入元素,正向迭代器是输入迭代器和输出迭代器的组合。本文的目的是帮助读者更好地理解STL迭代器的使用方法和特点。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了H5游戏性能优化和调试技巧,包括从问题表象出发进行优化、排除外部问题导致的卡顿、帧率设定、减少drawcall的方法、UI优化和图集渲染等八个理念。对于游戏程序员来说,解决游戏性能问题是一个关键的任务,本文提供了一些有用的参考价值。摘要长度为183字。 ... [详细]
  • 本文介绍了Python函数的定义与调用的方法,以及函数的作用,包括增强代码的可读性和重用性。文章详细解释了函数的定义与调用的语法和规则,以及函数的参数和返回值的用法。同时,还介绍了函数返回值的多种情况和多个值的返回方式。通过学习本文,读者可以更好地理解和使用Python函数,提高代码的可读性和重用性。 ... [详细]
  • 本文详细介绍了Android中的坐标系以及与View相关的方法。首先介绍了Android坐标系和视图坐标系的概念,并通过图示进行了解释。接着提到了View的大小可以超过手机屏幕,并且只有在手机屏幕内才能看到。最后,作者表示将在后续文章中继续探讨与View相关的内容。 ... [详细]
  • 本文介绍了Cocos2dx学习笔记中的更新函数scheduleUpdate、进度计时器CCProgressTo和滚动视图CCScrollView的用法。详细介绍了scheduleUpdate函数的作用和使用方法,以及schedule函数的区别。同时,还提供了相关的代码示例。 ... [详细]
  • Tkinter Frame容器grid布局并使用Scrollbar滚动原理
    本文介绍了如何使用Tkinter实现Frame容器的grid布局,并通过Scrollbar实现滚动效果。通过将Canvas作为父容器,使用滚动Canvas来滚动Frame,实现了在Frame中添加多个按钮,并通过Scrollbar进行滚动。同时,还介绍了更新Frame大小和绑定滚动按钮的方法,以及配置Scrollbar的相关参数。 ... [详细]
  • android 触屏处理流程,android触摸事件处理流程 ? FOOKWOOD「建议收藏」
    android触屏处理流程,android触摸事件处理流程?FOOKWOOD「建议收藏」最近在工作中,经常需要处理触摸事件,但是有时候会出现一些奇怪的bug,比如有时候会检测不到A ... [详细]
  •  项目地址https:github.comffmydreamWiCar界面做的很难看,美工方面实在不在行。重点是按钮触摸事件的处理,这里搬了RepeatListener项目代码,例 ... [详细]
  • 涉及的知识点-ViewGroup的测量与布局-View的测量与布局-滑动冲突的处理-VelocityTracker滑动速率跟踪-Scroller实现弹性滑动-屏幕宽高的获取等实现步 ... [详细]
  • 篇首语:本文由编程笔记#小编为大家整理,主要介绍了10分钟了解Android的事件分发相关的知识,希望对你有一定的参考价值。什么是事件分发?大家 ... [详细]
  • 如何自行分析定位SAP BSP错误
    The“BSPtag”Imentionedintheblogtitlemeansforexamplethetagchtmlb:configCelleratorbelowwhichi ... [详细]
  • 本文总结了在编写JS代码时,不同浏览器间的兼容性差异,并提供了相应的解决方法。其中包括阻止默认事件的代码示例和猎取兄弟节点的函数。这些方法可以帮助开发者在不同浏览器上实现一致的功能。 ... [详细]
  • 工作经验谈之-让百度地图API调用数据库内容 及详解
    这段时间,所在项目中要用到的一个模块,就是让数据库中的内容在百度地图上展现出来,如经纬度。主要实现以下几点功能:1.读取数据库中的经纬度值在百度上标注出来。2.点击标注弹出对应信息。3 ... [详细]
  • 1.webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用(1) ... [详细]
author-avatar
手机用户2602905773
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有