Cocos2d-x 3.3Bate0 ExpandedListView

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Cocos2d-x 3.3Bate0 ExpandedListView，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

之前写的ExpandedListView版本由于版本升级这里提供Cocos2d-x 3.3Bate0 版本


代码下载：http://download.csdn.net/detail/qqmcy/8033343




下面介绍下如何使用。

先介绍下

DJDataObject存放数据模型的类

DayReportListAdapter 自定义的adapter或是iOS中的cell

ListViewTest 示例类。

下面上代码啦

DJDataObject.h

  1. //
  2. //  DJDataObject.h
  3. //  testthirdone
  4. //
  5. //  Created by 杜甲 on 14-6-7.
  6. //
  7. //
  8.  
  9. #ifndef __testthirdone__DJDataObject__
  10. #define __testthirdone__DJDataObject__
  11.  
  12. #include "cocos2d.h"
  13.  
  14.  
  15. USING_NS_CC;
  16.  
  17. class DJDataObject :public Ref
  18. {
  19.     
  20. public:
  21.     
  22.     CREATE_FUNC(DJDataObject);
  23.     virtual bool init();
  24.     std::string name;
  25.     std::vector<DJDataObject*> children;
  26.     
  27.     void initWithNameAndChildren(std::string name,std::vector<DJDataObject*> data_vec);
  28.     
  29.     
  30.    
  31.     
  32. };
  33.  
  34. #endif /* defined(__testthirdone__DJDataObject__) */

DJDataObject.cpp 

  1. //
  2. //  DJDataObject.cpp
  3. //  testthirdone
  4. //
  5. //  Created by 杜甲 on 14-6-7.
  6. //
  7. //
  8.  
  9. #include "DJDataObject.h"
  10.  
  11. bool DJDataObject::init()
  12. {
  13.     bool bRet = false;
  14.     do {
  15.         
  16.         
  17.         bRet = true;
  18.     } while (0);
  19.     
  20.     return bRet;
  21. }
  22.  
  23. void DJDataObject::initWithNameAndChildren(std::string name,std::vector<DJDataObject*> data_vec)
  24. {
  25.     this->name = name;
  26.     this->children = data_vec;
  27.     
  28. }

DayReportListAdapter.h 

  1. //
  2. //  DayReportListAdapter.h
  3. //  
  4. //
  5. //  Created by 杜甲 on 14-6-4.
  6. //
  7. //
  8.  
  9. #ifndef __ht_mobile_cpp__DayReportListAdapter__
  10. #define __ht_mobile_cpp__DayReportListAdapter__
  11.  
  12. #include "cocos2d.h"
  13. #include "ui/CocosGUI.h"
  14. #include "DJTreeNodeInfo.h"
  15.  
  16. USING_NS_CC;
  17.  
  18. class DayReportListAdapter :public ui::Layout
  19. {
  20.     
  21. public:
  22.     CREATE_FUNC(DayReportListAdapter);
  23.     virtual bool init();
  24.     ui::Text* organName;
  25.     
  26.     ui::Text* prem_day;
  27.     
  28.     ui::Text* prem_month;
  29.     
  30.     ui::ImageView* in_Image;
  31.     
  32.     void  setBackGround(int treeDepthLevel);
  33.     Vec2 preVec2;
  34.     float preOffsetX;
  35.     
  36.     
  37.    typedef std::function<void(Ref*,Vec2 offset_vec2)> ccAdapterCallback;
  38.     void addEventListener(const ccAdapterCallback& callback);
  39.     ccAdapterCallback _eventCallback;
  40.     
  41.     bool  isMoving_HORIZONTAL;
  42.     Size winSize;
  43.     
  44.     
  45. };
  46.  
  47.  
  48.  
  49.  
  50.  
  51. #endif /* defined(__ht_mobile_cpp__DayReportListAdapter__) */

DayReportListAdapter.cpp 

  1. //
  2. //  DayReportListAdapter.cpp
  3. //  
  4. //
  5. //  Created by 杜甲 on 14-6-4.
  6. //
  7. //
  8.  
  9. #include "DayReportListAdapter.h"
  10.  
  11. #include "VisibleRect.h"
  12.  
  13.  
  14. bool DayReportListAdapter::init()
  15. {
  16.     bool bRet = false;
  17.     do {
  18.         CC_BREAK_IF(!ui::Layout::init());
  19.         setLayoutType(cocos2d::ui::Layout::Type::RELATIVE);
  20.          setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);
  21.         winSize = Director::getInstance()->getWinSize();
  22.         
  23.         setTouchEnabled(true);
  24.         float topLength = 30;
  25.         
  26.         
  27.         
  28.        
  29.         
  30.        
  31.         in_Image = ui::ImageView::create("CloseNormal.png");
  32.         in_Image->setScale(VisibleRect::getImageScale());
  33.         in_Image->setTouchEnabled(true);
  34.         addChild(in_Image);
  35.         
  36.         auto rp_image = ui::RelativeLayoutParameter::create();
  37.         rp_image->setRelativeName("rp_image");
  38.         
  39.         
  40.         float offset = -in_Image->getContentSize().width * 2/3 *(1- VisibleRect::getImageScale());
  41.                                                                  
  42.         rp_image->setMargin(ui::Margin(-in_Image->getContentSize().width * 2/3 *(1- VisibleRect::getImageScale()),0));
  43.         rp_image->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_LEFT_CENTER_VERTICAL);
  44.         in_Image->setLayoutParameter(rp_image);
  45.         
  46.        
  47.         
  48.         
  49.         
  50.         
  51.         organName = ui::Text::create();
  52.         organName->setFontSize(38 * VisibleRect::getImageScale());
  53.         organName->setColor(Color3B::BLACK);
  54.         addChild(organName);
  55.         
  56.         auto rp_organName = ui::RelativeLayoutParameter::create();
  57.         rp_organName->setRelativeName("rp_organName");
  58.         rp_organName->setRelativeToWidgetName("rp_image");
  59.         rp_organName->setMargin(ui::Margin(1 * VisibleRect::getImageScale() + offset,topLength,0));
  60.         rp_organName->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::LOCATION_RIGHT_OF_CENTER);
  61.         organName->setLayoutParameter(rp_organName);
  62.         
  63.         
  64.         
  65.         prem_month = ui::Text::create();
  66.         prem_month->setFontSize(38 * VisibleRect::getImageScale());
  67.         prem_month->setTextHorizontalAlignment(cocos2d::TextHAlignment::LEFT);
  68.         prem_month->setColor(Color3B::BLACK);
  69.         addChild(prem_month);
  70.         
  71.         auto rp_prem_month = ui::RelativeLayoutParameter::create();
  72.         rp_prem_month->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_TOP_RIGHT);
  73.         rp_prem_month->setRelativeName("rp_prem_month");
  74.         rp_prem_month->setMargin(ui::Margin(0,50*VisibleRect::getImageScale(),0));
  75.         
  76.         prem_month->setLayoutParameter(rp_prem_month);
  77.         
  78.         
  79.         auto center = ui::Layout::create();
  80.         center->setSize(Size(1,1));
  81.         addChild(center);
  82.         
  83.         auto rp_center = ui::RelativeLayoutParameter::create();
  84.         rp_center->setRelativeName("rp_center");
  85.         rp_center->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::CENTER_IN_PARENT);
  86.         center->setLayoutParameter(rp_center);
  87.         
  88.         
  89.         prem_day = ui::Text::create();
  90.         prem_day->setTextHorizontalAlignment(cocos2d::TextHAlignment::LEFT);
  91.         
  92.         prem_day->setFontSize(38 * VisibleRect::getImageScale());
  93.         prem_day->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);
  94.         prem_day->setSize(Size(100,50));
  95.         prem_day->setColor(Color3B::BLACK);
  96.         addChild(prem_day);
  97.         
  98.         auto rp_prem_day = ui::RelativeLayoutParameter::create();
  99.         rp_prem_day->setRelativeToWidgetName("rp_center");
  100.         rp_prem_day->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_TOP_CENTER_HORIZONTAL);
  101.         
  102.       //  rp_prem_day->setRelativeToWidgetName("rp_prem_month");
  103.         rp_prem_day->setMargin(ui::Margin(30,0));
  104.         prem_day->setLayoutParameter(rp_prem_day);
  105.         
  106.        
  107.         auto bottom_color = ui::Layout::create();
  108.         bottom_color->setSize(Size(winSize.width,1));
  109.         bottom_color->setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);
  110.         bottom_color->setBackGroundColor(Color3B::BLACK);
  111.         addChild(bottom_color);
  112.         
  113.         auto rp_bottom_color = ui::RelativeLayoutParameter::create();
  114.         rp_bottom_color->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_BOTTOM_CENTER_HORIZONTAL);
  115.         rp_bottom_color->setMargin(ui::Margin(0,1));
  116.         bottom_color->setLayoutParameter(rp_bottom_color);
  117.         
  118.         bRet = true;
  119.     } while (0);
  120.     return bRet;
  121.  
  122. }
  123.  
  124.  
  125. void DayReportListAdapter::setBackGround(int treeDepthLevel)
  126. {
  127.     log("treeDepthLevel = %d",treeDepthLevel);
  128.     switch (treeDepthLevel) {
  129.         case 0:
  130.            
  131.             setBackGroundColor(Color3B(209,238,252));
  132.             
  133.             
  134.             break;
  135.         case 1:
  136.             setBackGroundColor(Color3B(224,248,216));
  137.             
  138.  
  139.             break;
  140.         case 2:
  141.             break;
  142.             
  143.         default:
  144.             break;
  145.     }
  146. }
  147.  
  148. void DayReportListAdapter::addEventListener(const ccAdapterCallback &callback)
  149. {
  150.     _eventCallback = callback;
  151.     
  152. }


ListViewTest.h

  1. //
  2. //  ListViewTest.h
  3. //  testthirdone
  4. //
  5. //  Created by 杜甲 on 14-6-9.
  6. //
  7. //
  8.  
  9. /*
  10.  *  示例Demo
  11.  */
  12.  
  13. #ifndef __testthirdone__ListViewTest__
  14. #define __testthirdone__ListViewTest__
  15.  
  16. #include "cocos2d.h"
  17. #include "ui/CocosGUI.h"
  18. #include "DJDataObject.h"
  19. #include "DJListView.h"
  20.  
  21.  
  22. USING_NS_CC;
  23. using namespace ui;
  24.  
  25. class ListViewTest  : public ui::Layout,public DJListViewDataSource,public DJListViewDelegate
  26. {
  27. public:
  28.     
  29.     CREATE_FUNC(ListViewTest);
  30.     virtual bool init();
  31.   
  32. private:
  33.     std::vector<DJDataObject*> data_vec;
  34.     
  35.     
  36.     virtual ssize_t treeViewNumberOfChildrenOfItem(DJListView *treeView,void *item) ;
  37.     virtual ui::Layout *treeViewAndCellForItemAndTreeNodeInfo(DJListView *treeView,void *item,DJTreeNodeInfo *treeNodeInfo);
  38.     virtual void* treeViewAndChildOfItem(DJListView *treeView,int index,void *item);
  39.     
  40.     Size winSize;
  41.      virtual void treeViewWillDisplayCellForItemTreeNodeInfo(DJListView *treeView,ui::Layout *adapter,DJTreeNodeInfo *treeNodeInfo) ;
  42.     
  43. };
  44.  
  45.  
  46. #endif /* defined(__testthirdone__ListViewTest__) */

ListViewTest.cpp 

  1. //
  2. //  ListViewTest.cpp
  3. //  testthirdone
  4. //
  5. //  Created by 杜甲 on 14-6-9.
  6. //
  7. //
  8.  
  9. #include "ListViewTest.h"
  10. #include "DJTreeNode.h"
  11. #include "DJTreeNodeInfo.h"
  12. #include "DayReportListAdapter.h"
  13.  
  14.  
  15.  
  16. bool ListViewTest::init()
  17. {
  18.     bool bRet = false;
  19.     do {
  20.         CC_BREAK_IF(!ui::Layout::init());
  21.         winSize = Director::getInstance()->getWinSize();
  22.         
  23.         
  24.         
  25.         
  26.         setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);
  27.         setBackGroundColor(Color3B(18,23,222));
  28.         
  29.         
  30.         
  31.         std::vector<DJDataObject*>temp1;
  32.         std::vector<DJDataObject*>temp2;
  33.         std::vector<DJDataObject*>temp3;
  34.         std::vector<DJDataObject*>temp4;
  35.         
  36.         DJDataObject* data7 = DJDataObject::create();
  37.         data7->retain();
  38.         //initWithNameAndChildren 参数1：当前数据内容， 参数2 ：子集
  39.         data7->initWithNameAndChildren("数据1-1-1",temp4);
  40.         temp1.push_back(data7);
  41.         
  42.         
  43.         DJDataObject* data3 = DJDataObject::create();
  44.         data3->retain();
  45.         data3->initWithNameAndChildren("数据1-1",temp1);
  46.         
  47.         
  48.         
  49.         DJDataObject* data4 = DJDataObject::create();
  50.         data4->retain();
  51.         data4->initWithNameAndChildren("数据1-2",temp4);
  52.         
  53.         
  54.         for (int i = 0; i < 7; i++)
  55.         {
  56.             DJDataObject* data6 = DJDataObject::create();
  57.             data6->retain();
  58.             data6->initWithNameAndChildren("数据h",temp3);
  59.             temp2.push_back(data6);
  60.         }
  61.         
  62.         
  63.         
  64.         DJDataObject* data1 = DJDataObject::create();
  65.         data1->retain();
  66.         data1->initWithNameAndChildren("数据r",temp2);
  67.         
  68.         
  69.         DJDataObject* data = DJDataObject::create();
  70.         data->retain();
  71.         std::vector<DJDataObject*>temp;
  72.         temp.push_back(data3);
  73.         temp.push_back(data4);
  74.         
  75.         data->initWithNameAndChildren("数据12",temp);
  76.         
  77.         
  78.         
  79.         data_vec.push_back(data);
  80.         data_vec.push_back(data1);
  81.  
  82.         
  83.         
  84.         auto winSize = Director::getInstance()->getWinSize();
  85.         
  86.         auto listView1 = DJListView::create();
  87.         listView1->setDJListViewDataSource(this);
  88.         listView1->setDJListViewDelegate(this);
  89.         listView1->setSize(winSize);
  90.         listView1->addExpandedListView(data_vec);
  91.         addChild(listView1);
  92.         
  93.         
  94.         bRet = true;
  95.     } while (0);
  96.     
  97.     return bRet;
  98. }
  99.  
  100. void ListViewTest::treeViewWillDisplayCellForItemTreeNodeInfo(DJListView *treeView,DJTreeNodeInfo *treeNodeInfo)
  101. {
  102.     if (treeNodeInfo->treeDepthLevel == 0) {
  103.         adapter->setBackGroundColor(Color3B(150,100,200));
  104.     }else if (treeNodeInfo->treeDepthLevel == 1)
  105.     {
  106.         adapter->setBackGroundColor(Color3B(100,100));
  107.     }else if (treeNodeInfo->treeDepthLevel == 2)
  108.     {
  109.         adapter->setBackGroundColor(Color3B(100,150,150));
  110.     }
  111.     
  112.     
  113. }
  114.  
  115. ssize_t ListViewTest::treeViewNumberOfChildrenOfItem(DJListView *treeView,void *item)
  116. {
  117.     if (item == nullptr) {
  118.         
  119.         return data_vec.size();
  120.     }
  121.     
  122.     DJDataObject* data =  static_cast<DJDataObject*>(item);
  123.     return data->children.size();
  124. }
  125.  
  126. ui::Layout* ListViewTest::treeViewAndCellForItemAndTreeNodeInfo(DJListView *treeView,DJTreeNodeInfo *treeNodeInfo)
  127. {
  128.     DJDataObject* dobject = static_cast<DJDataObject*>(item) ;
  129.     
  130.     auto tableLayout1 = DayReportListAdapter::create();
  131.     tableLayout1->setSize(Size(winSize.width,100));
  132.     tableLayout1->setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);
  133. //    tableLayout1->setBackGround(treeNodeInfo->treeDepthLevel);
  134. //    tableLayout1->setBackGroundColor(Color3B(189,203,222));
  135. //    listView->pushBackCustomItem(tableLayout1);
  136.     tableLayout1->organName->setString(dobject->name);
  137.     tableLayout1->prem_day->setString(StringUtils::format("%d",333));
  138.     tableLayout1->prem_month->setString("fffff");
  139.     
  140.     return tableLayout1;
  141. }
  142. void* ListViewTest::treeViewAndChildOfItem(DJListView *treeView,void *item)
  143. {
  144.     DJDataObject* data = static_cast<DJDataObject*>(item);
  145.     if (item == nullptr) {
  146.         return data_vec.at( index );
  147.     }
  148.     return data->children.at( index );
  149. }
  150.  
  151.  
  152.  
  153.  


效果：

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签