Cocos2d-x3.1中的TableView的使用

最新推荐文章于 2024-03-11 03:40:47 发布
最新推荐文章于 2024-03-11 03:40:47 发布
阅读量3.3k 收藏 1
点赞数
分类专栏： cocos2d-x 文章标签： Cocos2d-x3.1 TableView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuxikuo_1/article/details/38870525
版权

1、首先看TableView的头文件

#include "cocos2d.h"
#include "extensions/cocos-ext.h"//包含TableView的头文件
#include "ItemAdapter.h"//适配类
USING_NS_CC;
//事件回调函数
typedef std::function<void(Ref*,cocos2d::ui::Widget::TouchEventType)> menuCallBack;
//继承类
class MenuTableView : public cocos2d::Layer, public cocos2d::extension::TableViewDataSource, public cocos2d::extension::TableViewDelegate
{
public:
    CREATE_FUNC(MenuTableView);
    virtual bool init();
    
    virtual void scrollViewDidScroll(cocos2d::extension::ScrollView* view) {};//滑动
    virtual void scrollViewDidZoom(cocos2d::extension::ScrollView* view) {};  //放大
    virtual void tableCellTouched(cocos2d::extension::TableView* table, cocos2d::extension::TableViewCell* cell);//触摸事件
    virtual cocos2d::Size tableCellSizeForIndex(cocos2d::extension::TableView *table, ssize_t idx);//Cell大小
    virtual cocos2d::extension::TableViewCell* tableCellAtIndex(cocos2d::extension::TableView *table, ssize_t idx);//添加Cell
    virtual ssize_t numberOfCellsInTableView(cocos2d::extension::TableView *table);//设置Cell个数

    void touchEvent(cocos2d::Ref *pSender, cocos2d::ui::Widget::TouchEventType type);//触摸事件

    void addMenuTouchEvent(const menuCallBack& callback);//回调函数
    
    Size winSize;
    cocos2d::Ref* _pSender;
    cocos2d::ui::Widget::TouchEventType _type;
    menuCallBack _menuCallBack;
    
    std::vector<std::string> item;
    std::vector<std::string> itemIcon;
};

#include "MenuTableView.h"
#include "ui/CocosGUI.h"
#include "HomeLayer.h"

USING_NS_CC;
USING_NS_CC_EXT;//包含cocos-ext.h头文件的声明
using namespace ui;

bool MenuTableView::init()
{
    bool bRet = false;
    do {
        CC_BREAK_IF(!Layer::init());
        log("MenuTableView");
        //item must be defined first//设置Item名称和背景
        item.push_back("进度");
        item.push_back("同比");
        item.push_back("环比");
        item.push_back("产品线");
        item.push_back("排名");
        
        itemIcon.push_back("home_list_bg_jindu.png");
        itemIcon.push_back("home_list_bg_tongbi.png");
        itemIcon.push_back("home_list_bg_huanbi.png");
        itemIcon.push_back("home_list_bg_chanpinxian-.png");
        itemIcon.push_back("home_list_bg_paiming-.png");
        
        winSize = Director::getInstance()->getWinSize();
        //创建TableView对象
        TableView* tableView = TableView::create(this,Size(winSize.width,winSize.height*6/7));
        tableView->setDirection(cocos2d::extension::ScrollView::Direction::VERTICAL);//设置TableView方向
        tableView->ignoreAnchorPointForPosition(false);
        tableView->setAnchorPoint(Vec2::ZERO);//设置锚点
        tableView->setPosition(Vec2::ZERO);//设置位置
        tableView->setVerticalFillOrder(TableView::VerticalFillOrder::TOP_DOWN);//设置TableView的属性

        tableView->setDelegate(this);//设置委托
        this->addChild(tableView);
        tableView->reloadData();//更新数据
        this->setTouchEnabled(true);//可触摸

        
        bRet = true;
    }while(0);
    return bRet;
}
//Item触摸事件
void MenuTableView::tableCellTouched(cocos2d::extension::TableView *table, cocos2d::extension::TableViewCell *cell)
{
    log("cell touched at index %zd", cell->getIdx());
}
//设置Cell大小
Size MenuTableView::tableCellSizeForIndex(cocos2d::extension::TableView *table, ssize_t idx)
{
    return Size(winSize.width,winSize.height/6);
}
//添加Cell
TableViewCell* MenuTableView::tableCellAtIndex(cocos2d::extension::TableView *table, ssize_t idx)
{
    TableViewCell* cell = table->dequeueCell();
    if(!cell)
    {
        cell = new TableViewCell();
        cell->autorelease();
    }
    cell->removeAllChildrenWithCleanup(true);
    log("idx = %zd",idx);
    
    auto menu = ItemAdapter::create();//适配类
    menu->itemIcon->loadTexture(itemIcon.at(idx));//添加Icon
    menu->itemName->setString(item.at(idx));//添加Text
    menu->touchBtn->setTag(10+idx);
    
    menu->setContentSize(Size(winSize.width,winSize.height/8));//设置视图大小
    log("menu.width = %lf,menu.height = %lf",menu->getContentSize().width,menu->getContentSize().height);
    
    menu->setSize(Size(winSize.width,winSize.height/8));//设置大小
    menu->setLayoutType(cocos2d::ui::Layout::Type::RELATIVE);//设置布局类型
    menu->ignoreAnchorPointForPosition(false);
    menu->setAnchorPoint(Vec2::ZERO);//设置锚点
    menu->touchBtn->addTouchEventListener(CC_CALLBACK_2(MenuTableView::touchEvent, this));//设置Item触摸事件

    cell->addChild(menu);

    return cell;
}
//设置Cell个数
ssize_t MenuTableView::numberOfCellsInTableView(cocos2d::extension::TableView *table)
{
    return 5;
}
void MenuTableView::touchEvent(cocos2d::Ref *pSender, cocos2d::ui::Widget::TouchEventType type)//回调函数，执行HelloWorld.cpp的touch事件
{
    if(_menuCallBack)
        _menuCallBack(pSender,type);
}
//给_menuCallBack赋值，callback是HelloWorld.cpp中的touchEvent事件
void MenuTableView::addMenuTouchEvent(const menuCallBack &callback)
{
    _menuCallBack = callback;
}

2、工具类：适配

#include "cocos2d.h"
#include "ui/CocosGUI.h"

USING_NS_CC;
using namespace ui;
class ItemAdapter : public Layout
{
public:
    CREATE_FUNC(ItemAdapter);
    virtual bool init();
    
    void touchEvent(cocos2d::Ref *pSender, cocos2d::ui::Widget::TouchEventType type);
    
    ui::Text* itemName;
    ui::ImageView* itemIcon;
    ui::ImageView* bgImage;
    ui::Button* touchBtn;
};

#include "ItemAdapter.h"
#include "VisibleRect.h"

bool ItemAdapter::init()
{
    bool bRet = false;
    do {
        CC_BREAK_IF(!Layout::init());

        auto winSize = Director::getInstance()->getWinSize();
        itemIcon = ui::ImageView::create();//Icon
        itemIcon->setScaleY(VisibleRect::getImageScaleY());
        itemIcon->setScaleX(VisibleRect::getImageScale());
        itemIcon->ignoreAnchorPointForPosition(false);
        itemIcon->setAnchorPoint(Vec2(0.5,0.5));
//        itemIcon->setPosition(VisibleRect::center());
        
        auto rIcon = RelativeLayoutParameter::create();
        rIcon->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::CENTER_IN_PARENT);
        itemIcon->setLayoutParameter(rIcon);
        addChild(itemIcon);

        
        itemName = ui::Text::create();//Text
        itemName->ignoreAnchorPointForPosition(false);
        itemName->setAnchorPoint(Vec2(0.5,0.5));
        itemName->setFontSize(80 * VisibleRect::getImageScale());
        itemName->setColor(Color3B(128,128,128));

        
        auto rprogress = RelativeLayoutParameter::create();
        rprogress->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_LEFT_CENTER_VERTICAL);
        rprogress->setMargin(Margin(90*VisibleRect::getImageScale(),0,0,0));
        itemName->setLayoutParameter(rprogress);
        addChild(itemName);
        
        bgImage = ui::ImageView::create("home_list_jiantou.png");
        bgImage->setScaleY(VisibleRect::getImageScaleY());
        bgImage->setScaleX(VisibleRect::getImageScale());
        bgImage->ignoreAnchorPointForPosition(false);
//        into->setTag(PrograssBtn_Tag+i);
        bgImage->setAnchorPoint(Vec2(0.5,0.5));
        
        auto rinto = RelativeLayoutParameter::create();
        rinto->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_RIGHT_CENTER_VERTICAL);
        rinto->setMargin(Margin(0,0,90*VisibleRect::getImageScale(),0));
        bgImage->setLayoutParameter(rinto);
        addChild(bgImage,0);
        
        auto stencil = ui::ImageView::create("home_list_bg_jindu.png");
        
        touchBtn = Button::create("touming.png");
        log("itemsize.w = %lf,itemsize.h = %lf",stencil->getSize().width,stencil->getSize().height
            );
        log("touchBtn.x = %lf,touchBtn.y = %lf",touchBtn->getSize().width,touchBtn->getSize().height
            );
        auto width = stencil->getSize().width * VisibleRect::getImageScale();
        auto height = stencil->getSize().height * VisibleRect::getImageScaleY();
        
        touchBtn->setScaleX(width / touchBtn->getSize().width);
        touchBtn->setScaleY(height / touchBtn->getSize().height);
        touchBtn->ignoreAnchorPointForPosition(false);
        //        into->setTag(PrograssBtn_Tag+i);
        touchBtn->setAnchorPoint(Vec2(0.5,0.5));
        
//        touchBtn->setEnabled(true);
        
        auto rtouchBtn = RelativeLayoutParameter::create();
        rtouchBtn->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::CENTER_IN_PARENT);
        rtouchBtn->setMargin(Margin(0,0,0,0));
        touchBtn->setLayoutParameter(rtouchBtn);
        addChild(touchBtn,1);
        
        bRet = true;
    }while(0);
    return bRet;
}
HelloWorld.cpp中添加如下代码 
        auto menuTableView = MenuListView::create();
        menuTableView->ignoreAnchorPointForPosition(false);
        menuTableView->setAnchorPoint(Vec2::ZERO);
        menuTableView->setContentSize(Size(winSize.width, winSize.height/7*6));
        menuTableView->setPosition(Vec2::ZERO);
        addChild(menuTableView);
        
        menuTableView->addMenuTouchEvent(CC_CALLBACK_2(HomeWorld::touchEvent,this));

void HomeLayer::touchEvent(Ref *pSender,cocos2d::ui::Widget::TouchEventType type)
{
    auto* btn = dynamic_cast<ui::ImageView*>( pSender);
    switch (type) {
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        {
            switch (btn->getTag()) {
                
                case DayReport_Tag:
                    
                {
                    log("1");
                }
                    break;
        
                case PrograssBtn_Tag:
                    
                {
                    log("2");
                }
                    break;
                case SameBtnCompare_Tag:
                {
<pre name="code" class="cpp">                    log("3");
} break; case RingCompare_Tag: { 
                    log("4");
} break; case ProductLine_Tag: { 
                    log("5");
} break; default: break; } } break; default: break; }} 
 
  
 
  
 
  
 
 
 
 
 


                

        

        

    

  


    

      

        

            

              
                
                  little_two_two
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
Cocos2d-x 3.4 之 TableView

				
			

			

				

					继续激情，继续奋斗。
				

				

					03-25
					
					9428
					
				

			

		

		

			
				
Cocos2d-x 3.4 之 TableView

			
		

	



                

              
                



	

		

			

				
					
【Cocos2d-X】TableView的使用

				
			

			

				

					zgljl2012的专栏
				

				

					04-28
					
					3248
					
				

			

		

		

			
				
在Cocos2d-x使用TableView的过程如下：
首先用一个类继承CCTableViewDelegate（代理）和CCTableViewDataSource（数据源）；
然后实现里面的有关tableView操作和内容的四个抽象方法；
最后就可以在场景类中通过CCTableView来使用这个类，CCTableView会分别设置代理对象和数据源对象
示例： 
TableView.h
#ifndef

			
		

	



                


  
              

                


	

		

			

				
					
Cocos2d-X 中TableView的用法

				
			

			

				

					u011269801的专栏
				

				

					09-10
					
					1198
					
				

			

		

		

			
				
1、头文件中

#include 
#include "cocos-ext.h"
#include "cocos2d.h"


using namespace cocos2d;
USING_NS_CC_EXT;


class tableView:public
CCLayer,public
CCTableViewDelegate,public
CCTableViewDa

			
		

	





	

		

			

				
					
cocos2d-x 之TableView

				
			

			

				

					hushhw的博客
				

				

					10-21
					
					598
					
				

			

		

		

			
				
什么是TableView？




这个东西啊，很多游戏，结束后的排行榜，比如里面有20个内容，但是由于窗口受限，不能全部展示，所以像滚动条一样可以纵向（当然也可以横向）拉动的东东。

这个也要和ListView和PageView不一样的，

▪ 与ListView相比

ListView以前我也没用过，网上资料查到的也不多，就讲一下最大的不同吧。

ListView中的

			
		

	



		

			
		



	

		

			

				
					
cocos2d-x之TableView列表

				
			

			

				

					weixin_34250434的博客
				

				

					03-28
					
					122
					
				

			

		

		

			
				
cocos2d-x之TableView列表HelloWorld.h#ifndef __HELLOWORLD_SCENE_H__#define __HELLOWORLD_SCENE_H__#include "cocos2d.h"#include <cocos-ext.h>USING_NS_CC_EXT;USING_NS_CC;//相当于using namespace cocos2d;//...

			
		

	





	

		

			

				
					
[cocos2dx]tableview的使用

				
			

			

				

					超越
				

				

					02-22
					
					2786
					
				

			

		

		

			
				
TableView,ListView都继承自ScrollViewListView中的每个单元称为item，TableView的每个单元称为cell，如果分别创建20个单元，但每次只能显示5个单元。当ListView创建的时候，会直接创建20个item；而TableView只会创建5个cell，然后在队列中反复利用。

1.首先要知道头文件 和 命名空间


#include "cocos2d.h"...

			
		

	





	

		

			

				
					
cocos2d-x的一些问题与解决方案

				
			

			

				

					frostmourncn的专栏
				

				

					01-12
					
					1008
					
				

			

		

		

			
				
之前在重构《剑魂之刃》项目中，短暂的用过几个月cocos2d-x 3.1版本，遇到不少问题，由于研发自研引擎的习惯，对待问题基本上使用暴力改底层的方式来解决。
1. 内存泄露
由于auto release机制，出现引擎本身内存泄露时，无法使用重载new或vld工具定位。
解决办法：改回new/delete对机制，使用vld排查


2.手机上字体发虚（3.x版本）
这个是3.x版本的

			
		

	





	

		

			

				
					
cocos2d-x 源码分析 之 CCTableView源码分析（附使用方法讨论）

				
			

			

				

					poplaryang的点点滴滴
				

				

					06-17
					
					5393
					
				

			

		

		

			
				
1. CCTableView三基友：
	CCTableViewCell，负责单个cell，含有唯一idx用于区别。
	CCTableViewDataSource，负责数据源相关，包括数据个数，数据根据不同idx的获取，数据size等。
	CCTableViewDelegate，负责delegate操作。

			
		

	





	

		

			

				
					
Cocos2d-x 2.x、3.x读书摘要（2016-6-25 07:18）

					
热门推荐

				
			

			

				

					u010401391的专栏
				

				

					02-08
					
					1万+
					
				

			

		

		

			
				
20170326添加：
尽量使用最新的类,因为被遗弃的类一般都有功能和性能上的缺陷,所以不建议使用。
对于EditBox类，在2.2.6版本之前，在iOS 8上，如果单击输入，键盘弹出时，会发生界面偏移错误，出现黑色背景部分。关闭键盘时，界面偏移不回来了。
引擎3.5/2.2.6解决了这个Bug。
2.2.6版本中修复了iPhone6和iPhone6 Plus的一些BUG，支持苹果的64位架构。
...

			
		

	





	

		

			

				
					
Cocos2dx-lua ScrollView[二]进阶篇

				
			

			

				

					ellis1970的博客
				

				

					03-11
					
					579
					
				

			

		

		

			
				
本文介绍sv的一种封装类库，来实现快速创建sv

			
		

	





	

		

			

				
					
cocos2d-x TableView 分析

				
			

			

				

					08-14
				

			

		

		

			
				
用Cocos2d-x引擎开发游戏中，遇到使用TableView的一些问题

			
		

	





	

		

			

				
					
Cocos Creator 实现的tableView列表demo

				
			

			

				

					06-13
				

			

		

		

			
				
cocos cerator 实现的 tableView 列表，封装了含有回收机制，列表复用，缓存机制等功能防止内存泄露与卡顿等问题

			
		

	





	

		

			

				
					
cocos2dx scrollview优化

				
			

			

				

					09-07
				

			

		

		

			
				
下面将详细讨论Cocos2d-x中ScrollView的优化策略和技巧。  一、内容缓存与批处理 1.1 使用SpriteBatchNode：当ScrollView内包含大量精灵时，将它们合并到同一个SpriteBatchNode中可以显著减少渲染调用，提升性能。...

			
		

	





	

		

			

				
					
cocos2d-x的初步学习十一之CCTableView （转）

				
			

			

				

					hhy018的专栏
				

				

					11-11
					
					1901
					
				

			

		

		

			
				
转自：http://blog.csdn.net/kuloveyouwei/article/details/9099361


在这篇文章中，我们将讲下CCTableView，顾名思义，CCTableView表试图，在ios里是tableview，android里是listview，都是差不多的意思，在cocos2dx中CCTableView继承自CCScrollview。OK，下面我们直接上

			
		

	





	

		

			

				
					
cocos2d-x3.0RC2  TableViewDemo

				
			

			

				

					杜甲同学的专栏
				

				

					04-17
					
					2381
					
				

			

		

		

			
				
一个TableView的简答Demo
HelloWorldScene.h


#include "cocos2d.h"
#include "cocos-ext.h"
USING_NS_CC_EXT;
USING_NS_CC;


class HelloWorld : public cocos2d::Layer , public TableViewDataSource, public Tab

			
		

	





	

		

			

				
					
TableView (cocos-2dx lua)

				
			

			

				

					weixin_43735634的博客
				

				

					08-09
					
					944
					
				

			

		

		

			
				
TableView是Cocos-2dx一个实现滑动功能的控件。比如好友列表，可以上下滑动。TableView中的元素叫cell(被滑动的那些对象)，每个cell有唯一的idx。创建一个TableView,参数代表TableView大小，返回一个TableView对象设置滑动方向， HORIZONTAL：横向滑动   VERTICAL：纵向滑动设置位置设置事件。...

			
		

	





	

		

			

				
					
【Cocos2d-x游戏开发】TableView的使用

				
			

			

				

					FiveKM的博客
				

				

					07-31
					
					977
					
				

			

		

		

			
				
游戏中有些地方要展示一条一条的消息时，TableView就很实用了。记录一下TableView的简单用法。

			
		

	





	

		

			

				
					
Cocos2d-lua示例（一）排行榜之TableView

				
			

			

				

					小飞飞的博客
				

				

					11-01
					
					9177
					
				

			

		

		

			
				
TableView是在实际开发经常用到的控件，它可以重复利用所创建的列表项，这样就避免了界面卡顿。效果和ScrollView做的排行榜效果差不多。不同之处是ScrollView右边有滚动条，而TableView没有。TableView就没有问题了？不是的，TableView还有隐藏的问题，这篇我们就来看看如何用TableView以及解决在实际开发中的一些问题。

一、TableView

			
		

	





	

		

			

				
					
基于java的技术大健康综合咨询问诊平台的设计与实现.docx

					
最新发布

				
			

			

				

					09-19
				

			

		

		

			
				
基于java的技术大健康综合咨询问诊平台的设计与实现.docx

			
		

	





	

		

			

				
					
使用cocos2d-x开发跨平台手机网游指南

				
			

			

				

					
				

			

		

		

			
				
本文将介绍什么是cocos2d-x，以及如何使用它来开发跨平台的手机网络游戏。cocos2d-x是一个流行的开源2D游戏引擎，以其跨平台性、开源免费、易学易用和丰富的周边工具而受到全球众多开发者青睐。它基于C++开发，支持...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值