Cocos2d-x 3.3bate0 expandedlistview

Previously written expandedlistview version due to version upgrade here provides Cocos2d-x 3.3bate0 version

Code download: http://download.csdn.net/detail/qqmcy/8033343

The following describes how to use it.

First introduce

Classes in which djdataobject stores data models

Dayreportlistadapter custom adapter or cell in IOS

Listviewtest example class.

The code below

Djdataobject. h

////  DJDataObject.h//  testthirdone////  Created by 杜甲 on 14-6-7.////#ifndef __testthirdone__DJDataObject__#define __testthirdone__DJDataObject__#include "cocos2d.h"USING_NS_CC;class DJDataObject :public Ref{    public:        CREATE_FUNC(DJDataObject);    virtual bool init();    std::string name;    std::vector<DJDataObject*> children;        void initWithNameAndChildren(std::string name,std::vector<DJDataObject*> data_vec);               };#endif /* defined(__testthirdone__DJDataObject__) */

Djdataobject. cpp

////  DJDataObject.cpp//  testthirdone////  Created by 杜甲 on 14-6-7.////#include "DJDataObject.h"bool DJDataObject::init(){    bool bRet = false;    do {                        bRet = true;    } while (0);        return bRet;}void DJDataObject::initWithNameAndChildren(std::string name,std::vector<DJDataObject*> data_vec){    this->name = name;    this->children = data_vec;    }

Dayreportlistadapter. h

////  DayReportListAdapter.h//  ////  Created by 杜甲 on 14-6-4.////#ifndef __ht_mobile_cpp__DayReportListAdapter__#define __ht_mobile_cpp__DayReportListAdapter__#include "cocos2d.h"#include "ui/CocosGUI.h"#include "DJTreeNodeInfo.h"USING_NS_CC;class DayReportListAdapter :public ui::Layout{    public:    CREATE_FUNC(DayReportListAdapter);    virtual bool init();    ui::Text* organName;        ui::Text* prem_day;        ui::Text* prem_month;        ui::ImageView* in_Image;        void  setBackGround(int treeDepthLevel);    Vec2 preVec2;    float preOffsetX;           typedef std::function<void(Ref*, Vec2 offset_vec2)> ccAdapterCallback;    void addEventListener(const ccAdapterCallback& callback);    ccAdapterCallback _eventCallback;        bool  isMoving_HORIZONTAL;    Size winSize;        };#endif /* defined(__ht_mobile_cpp__DayReportListAdapter__) */

Dayreportlistadapter. cpp

////  DayReportListAdapter.cpp//  ////  Created by 杜甲 on 14-6-4.////#include "DayReportListAdapter.h"#include "VisibleRect.h"bool DayReportListAdapter::init(){    bool bRet = false;    do {        CC_BREAK_IF(!ui::Layout::init());        setLayoutType(cocos2d::ui::Layout::Type::RELATIVE);         setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);        winSize = Director::getInstance()->getWinSize();                setTouchEnabled(true);        float topLength = 30;                                                      in_Image = ui::ImageView::create("CloseNormal.png");        in_Image->setScale(VisibleRect::getImageScale());        in_Image->setTouchEnabled(true);        addChild(in_Image);                auto rp_image = ui::RelativeLayoutParameter::create();        rp_image->setRelativeName("rp_image");                        float offset = -in_Image->getContentSize().width * 2/3 *(1- VisibleRect::getImageScale());                                                                         rp_image->setMargin(ui::Margin(-in_Image->getContentSize().width * 2/3 *(1- VisibleRect::getImageScale()),0,0,0));        rp_image->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_LEFT_CENTER_VERTICAL);        in_Image->setLayoutParameter(rp_image);                                                       organName = ui::Text::create();        organName->setFontSize(38 * VisibleRect::getImageScale());        organName->setColor(Color3B::BLACK);        addChild(organName);                auto rp_organName = ui::RelativeLayoutParameter::create();        rp_organName->setRelativeName("rp_organName");        rp_organName->setRelativeToWidgetName("rp_image");        rp_organName->setMargin(ui::Margin(1 * VisibleRect::getImageScale() + offset,topLength,0,0));        rp_organName->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::LOCATION_RIGHT_OF_CENTER);        organName->setLayoutParameter(rp_organName);                                prem_month = ui::Text::create();        prem_month->setFontSize(38 * VisibleRect::getImageScale());        prem_month->setTextHorizontalAlignment(cocos2d::TextHAlignment::LEFT);        prem_month->setColor(Color3B::BLACK);        addChild(prem_month);                auto rp_prem_month = ui::RelativeLayoutParameter::create();        rp_prem_month->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_TOP_RIGHT);        rp_prem_month->setRelativeName("rp_prem_month");        rp_prem_month->setMargin(ui::Margin(0,topLength,50*VisibleRect::getImageScale(),0));                prem_month->setLayoutParameter(rp_prem_month);                        auto center = ui::Layout::create();        center->setSize(Size(1, 1));        addChild(center);                auto rp_center = ui::RelativeLayoutParameter::create();        rp_center->setRelativeName("rp_center");        rp_center->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::CENTER_IN_PARENT);        center->setLayoutParameter(rp_center);                        prem_day = ui::Text::create();        prem_day->setTextHorizontalAlignment(cocos2d::TextHAlignment::LEFT);                prem_day->setFontSize(38 * VisibleRect::getImageScale());        prem_day->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);        prem_day->setSize(Size(100, 50));        prem_day->setColor(Color3B::BLACK);        addChild(prem_day);                auto rp_prem_day = ui::RelativeLayoutParameter::create();        rp_prem_day->setRelativeToWidgetName("rp_center");        rp_prem_day->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_TOP_CENTER_HORIZONTAL);              //  rp_prem_day->setRelativeToWidgetName("rp_prem_month");        rp_prem_day->setMargin(ui::Margin(30,topLength,0,0));        prem_day->setLayoutParameter(rp_prem_day);                       auto bottom_color = ui::Layout::create();        bottom_color->setSize(Size(winSize.width, 1));        bottom_color->setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);        bottom_color->setBackGroundColor(Color3B::BLACK);        addChild(bottom_color);                auto rp_bottom_color = ui::RelativeLayoutParameter::create();        rp_bottom_color->setAlign(cocos2d::ui::RelativeLayoutParameter::RelativeAlign::PARENT_BOTTOM_CENTER_HORIZONTAL);        rp_bottom_color->setMargin(ui::Margin(0,0,0,1));        bottom_color->setLayoutParameter(rp_bottom_color);                bRet = true;    } while (0);    return bRet;}void DayReportListAdapter::setBackGround(int treeDepthLevel){    log("treeDepthLevel = %d",treeDepthLevel);    switch (treeDepthLevel) {        case 0:                       setBackGroundColor(Color3B(209, 238, 252));                                    break;        case 1:            setBackGroundColor(Color3B(224, 248, 216));                        break;        case 2:            break;                    default:            break;    }}void DayReportListAdapter::addEventListener(const ccAdapterCallback &callback){    _eventCallback = callback;    }

Listviewtest. h

////  ListViewTest.h//  testthirdone////  Created by 杜甲 on 14-6-9./////* *  示例Demo */#ifndef __testthirdone__ListViewTest__#define __testthirdone__ListViewTest__#include "cocos2d.h"#include "ui/CocosGUI.h"#include "DJDataObject.h"#include "DJListView.h"USING_NS_CC;using namespace ui;class ListViewTest  : public ui::Layout , public DJListViewDataSource , public DJListViewDelegate{public:        CREATE_FUNC(ListViewTest);    virtual bool init();  private:    std::vector<DJDataObject*> data_vec;            virtual ssize_t treeViewNumberOfChildrenOfItem(DJListView *treeView , void *item) ;    virtual ui::Layout *treeViewAndCellForItemAndTreeNodeInfo(DJListView *treeView , void *item , DJTreeNodeInfo *treeNodeInfo);    virtual void* treeViewAndChildOfItem(DJListView *treeView , int index , void *item);        Size winSize;     virtual void treeViewWillDisplayCellForItemTreeNodeInfo(DJListView *treeView , ui::Layout *adapter , void *item , DJTreeNodeInfo *treeNodeInfo) ;    };#endif /* defined(__testthirdone__ListViewTest__) */

Listviewtest. cpp

////  ListViewTest.cpp//  testthirdone////  Created by 杜甲 on 14-6-9.////#include "ListViewTest.h"#include "DJTreeNode.h"#include "DJTreeNodeInfo.h"#include "DayReportListAdapter.h"bool ListViewTest::init(){    bool bRet = false;    do {        CC_BREAK_IF(!ui::Layout::init());        winSize = Director::getInstance()->getWinSize();                                        setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);        setBackGroundColor(Color3B(18, 23, 222));                                std::vector<DJDataObject*>temp1;        std::vector<DJDataObject*>temp2;        std::vector<DJDataObject*>temp3;        std::vector<DJDataObject*>temp4;                DJDataObject* data7 = DJDataObject::create();        data7->retain();        //initWithNameAndChildren 参数1：当前数据内容， 参数2 ：子集        data7->initWithNameAndChildren("数据1-1-1", temp4);        temp1.push_back(data7);                        DJDataObject* data3 = DJDataObject::create();        data3->retain();        data3->initWithNameAndChildren("数据1-1", temp1);                                DJDataObject* data4 = DJDataObject::create();        data4->retain();        data4->initWithNameAndChildren("数据1-2", temp4);                        for (int i = 0; i < 7; i++)        {            DJDataObject* data6 = DJDataObject::create();            data6->retain();            data6->initWithNameAndChildren("数据h", temp3);            temp2.push_back(data6);        }                                DJDataObject* data1 = DJDataObject::create();        data1->retain();        data1->initWithNameAndChildren("数据r", temp2);                        DJDataObject* data = DJDataObject::create();        data->retain();        std::vector<DJDataObject*>temp;        temp.push_back(data3);        temp.push_back(data4);                data->initWithNameAndChildren("数据12", temp);                                data_vec.push_back(data);        data_vec.push_back(data1);                        auto winSize = Director::getInstance()->getWinSize();                auto listView1 = DJListView::create();        listView1->setDJListViewDataSource(this);        listView1->setDJListViewDelegate(this);        listView1->setSize(winSize);        listView1->addExpandedListView(data_vec);        addChild(listView1);                        bRet = true;    } while (0);        return bRet;}void ListViewTest::treeViewWillDisplayCellForItemTreeNodeInfo(DJListView *treeView, ui::Layout *adapter, void *item, DJTreeNodeInfo *treeNodeInfo){    if (treeNodeInfo->treeDepthLevel == 0) {        adapter->setBackGroundColor(Color3B(150, 100, 200));    }else if (treeNodeInfo->treeDepthLevel == 1)    {        adapter->setBackGroundColor(Color3B(100, 100, 100));    }else if (treeNodeInfo->treeDepthLevel == 2)    {        adapter->setBackGroundColor(Color3B(100, 150, 150));    }        }ssize_t ListViewTest::treeViewNumberOfChildrenOfItem(DJListView *treeView , void *item){    if (item == nullptr) {                return data_vec.size();    }        DJDataObject* data =  static_cast<DJDataObject*>(item);    return data->children.size();}ui::Layout* ListViewTest::treeViewAndCellForItemAndTreeNodeInfo(DJListView *treeView , void *item , DJTreeNodeInfo *treeNodeInfo){    DJDataObject* dobject = static_cast<DJDataObject*>(item) ;        auto tableLayout1 = DayReportListAdapter::create();    tableLayout1->setSize(Size(winSize.width, 100));    tableLayout1->setBackGroundColorType(ui::Layout::BackGroundColorType::SOLID);//    tableLayout1->setBackGround(treeNodeInfo->treeDepthLevel);//    tableLayout1->setBackGroundColor(Color3B(189, 203, 222));//    listView->pushBackCustomItem(tableLayout1);    tableLayout1->organName->setString(dobject->name);    tableLayout1->prem_day->setString(StringUtils::format("%d",333));    tableLayout1->prem_month->setString("fffff");        return tableLayout1;}void* ListViewTest::treeViewAndChildOfItem(DJListView *treeView , int index , void *item){    DJDataObject* data = static_cast<DJDataObject*>(item);    if (item == nullptr) {        return data_vec.at( index );    }    return data->children.at( index );}

Effect:

Cocos2d-x 3.3bate0 expandedlistview