cocos2d-x tree 控件实现

最新推荐文章于 2021-12-03 09:23:55 发布
最新推荐文章于 2021-12-03 09:23:55 发布
阅读量987 收藏
点赞数
分类专栏： C++ cocos2dx 文章标签： cocos2dx cocos2d-x c++ tree 控件实现
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/StoneChang/article/details/52870808
版权

闲来无聊码码代码 哈哈

使用的是cocos2d-x 3.12

支持无限层，滚动条，可以直接用，可以直接用了，代码在细节上还可以调整调整

上传时TreeNode 头文件有几个没用到的函数，漏删除了，可以自己删除掉  


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

USING_NS_CC;
using namespace cocos2d::ui;

class TreeNode;
class Tree : public ScrollView
{
public:
	static Tree* create();
	void createRoot(const std::string& strName = "", int width = 150, int height = 20, int space = 0, bool isHide = false);
	void addFirstLayerNode( const std::string& strName = "",
		int width = 150, int height = 20, int space = 0, bool isHide = false);
	void addSecondLayerNode( int secondIdx = -1, const std::string& strName = "",
		int width = 150, int height = 20, int space = 0, bool isHide = false);
	void addThirdLayerNode( int secondIdx = -1, int thirdIdx = -1, const std::string& strName = "",
		int width = 150, int height = 20, int space = 0, bool isHide = false);

	TreeNode* getRootNode() { return rootNode; }
protected:
	Tree();
	~Tree();
	bool init();
	virtual void initRenderer() override;

	void handleUpdate(EventCustom* e);
private:
 	int _height;
	TreeNode* rootNode;
};

#include "Tree.h"
#include "TreeNode.h"


Tree::Tree()
	: rootNode(nullptr)
	, _height(0)
{
}

Tree::~Tree()
{
	
}

bool Tree::init()
{
	ScrollView::init();
	//
	
	return true;
}

void Tree::createRoot(const std::string& strName, int width, int height, int space, bool isHide)
{
	_height = height;
	rootNode = TreeNode::createEx(nullptr, strName, width, height, space, isHide);
	int posY = this->getContentSize().height;
	rootNode->setPosition(Vec2(0, posY - height));
	this->addChild(rootNode);
	EventListenerCustom* _listener1;
	_listener1 = EventListenerCustom::create("TreeChanged", CC_CALLBACK_1(Tree::handleUpdate, this));
	rootNode->getEventDispatcher()->addEventListenerWithFixedPriority(_listener1, 1);
}

void Tree::addFirstLayerNode(const std::string& strName,
	int width, int height, int space, bool isHide)
{
	rootNode->addNode(TreeNode::createEx(rootNode, strName, width, height, space, isHide));
}

void Tree::addSecondLayerNode(int secondIdx, const std::string& strName ,
	int width, int height, int space, bool isHide)
{
	rootNode->getNodeByIndex(secondIdx)->addNode(TreeNode::createEx(rootNode, strName, width, height, space, isHide));
}

void Tree::addThirdLayerNode(int secondIdx, int thirdIdx, const std::string& strName,
	int width, int height, int space, bool isHide)
{

}


Tree* Tree::create()
{
	Tree* widget = new (std::nothrow) Tree();
	if (widget && widget->init())
	{
		widget->setDirection(Direction::VERTICAL);
		widget->setInertiaScrollEnabled(true);
		widget->autorelease();
		return widget;
	}
	CC_SAFE_DELETE(widget);
	return nullptr;
}

void Tree::handleUpdate(EventCustom* e)
{
	int newHeight = 0;
	if(rootNode)
	{
		Size cSize = this->getContentSize();

		newHeight = rootNode->getListHeight();
		this->setInnerContainerSize(Size(cSize.width, newHeight));
		
		if(cSize.height > newHeight)
		{
			rootNode->setPosition(Vec2(0, cSize.height - _height));
		}
		else
		{
			rootNode->setPosition(Vec2(0, newHeight - _height));
		}
		
		this->jumpToTop();
	} 
}

void Tree::initRenderer()
{
	ScrollView::initRenderer();
}

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

USING_NS_CC;
using namespace cocos2d::ui;


class TreeNode : public Layout
{
public:
	TreeNode(Layout* container, const std::string& data, int width = 150, int height = 20, int space = 0, bool _isHide = false);
	
	static TreeNode* createEx(Layout* container, const std::string& data, int width, int height, int space = 0, bool isHide = false);
	
	void selected();

	bool isOpen() { return _bOpen; };
	void setValue(const std::string& o);
	const std::string& getValue() { return _value;  }

	TreeNode* getNodeByIndex(int index);
	void addNode(TreeNode* node);
	void removeNode(TreeNode* node);
	
	void addEvents();
	void removeEvents();

	void updateList();
	void cleanList();
	void openList();
	void closeList();
	int getListHeight();
protected:
	bool init();

	bool onTouchBegan(Touch *touch, Event *unusedEvent);
	void onTouchEnded(Touch *touch, Event *unusedEvent);
	void onMouseMove(Event* e);
	void overHandler(Event* e);
	void outHandler(Event* e);
	void changeHandler(EventCustom* e);
	void selectedHandler(EventCustom* e);

	void unSelected();
public:
	ImageView* _bgSelected;//test
	ImageView* _bgOver;//test
protected:
	ImageView* _bg;

	Layout* _nodeContainer;
	bool _bOpen;
	bool _bHide;
	Layout* _c;
	std::string	 _value;
	std::vector
    
    
     
      nodeArr;
	TreeNode* _pNode;
private:
	TextField* _txt_Label;
	bool _bSelected;
	int _w;
	int _h;
	int	_space;
};

    
    

#include "TreeNode.h"

TreeNode::TreeNode(Layout* container,const std::string& data,int width,int height,int space,bool _isHide )
	:_bg(nullptr)
	,_value(data)
	,_w(width)
	,_h(height)
	,_space(space)
	,_bHide(_isHide)
	,_bOpen(true)
	,_bSelected(false)
	,_txt_Label(nullptr)
{
	_c = container ? container : this;
}

bool TreeNode::init()
{
	Layout::init();
	nodeArr.clear();

	_bg = ImageView::create("tree.png");//test
	_bg->setAnchorPoint(Vec2::ZERO);
	addChild(_bg);

	this->setContentSize(_bg->getContentSize());
	//

	_bgSelected = ImageView::create("select.png");//test
	_bgSelected->setAnchorPoint(Vec2::ZERO);
	_bgSelected->setVisible(false);
	addChild(_bgSelected);

	_bgOver = ImageView::create("over.png");//test
	_bgOver->setAnchorPoint(Vec2::ZERO);
	_bgOver->setVisible(false);
	addChild(_bgOver);

	//
	

	_nodeContainer = Layout::create();
	_nodeContainer->setPositionY(-_h);//change
	_nodeContainer->retain();//if don't want to be deleted ,then call retain , or call release 
	_nodeContainer->setAnchorPoint(Vec2::ZERO);
	this->addChild(_nodeContainer);

	if (!_bHide)
	{
		_txt_Label = TextField::create();
		_txt_Label->setPosition(Vec2(50, 3));
		_txt_Label->setTextColor(Color4B::YELLOW);
		_txt_Label->setAnchorPoint(Vec2::ZERO);
		_txt_Label->setEnabled(false);
		_txt_Label->setTextHorizontalAlignment(TextHAlignment::CENTER);
		addChild(_txt_Label);
	}

	setValue(_value);

	if (_bHide)
	{
		if(_bg) _bg->setVisible(false);
		_nodeContainer->setPositionY(0);
		this->setContentSize(Size(0, 0));
	}

	if (!_bHide) 
	{
		setValue(_value);
		_touchListener = EventListenerTouchOneByOne::create();
		_touchListener->onTouchBegan = CC_CALLBACK_2(TreeNode::onTouchBegan, this);
		_touchListener->onTouchEnded = CC_CALLBACK_2(TreeNode::onTouchEnded, this);
		_bg->getEventDispatcher()->addEventListenerWithFixedPriority(_touchListener, -1);
		_touchListener->retain();

		EventListenerMouse* _mouseListener = EventListenerMouse::create();
		_mouseListener->onMouseMove = CC_CALLBACK_1(TreeNode::onMouseMove, this);
		_bg->getEventDispatcher()->addEventListenerWithFixedPriority(_mouseListener, -1);
		_mouseListener->retain();
	}

	EventListenerCustom* _listener1;
	EventListenerCustom* _listener2;
	_listener1 = EventListenerCustom::create("TreeChanged", CC_CALLBACK_1(TreeNode::changeHandler, this));
	_listener2 = EventListenerCustom::create("TreeSelected", CC_CALLBACK_1(TreeNode::selectedHandler, this));
	_c->getEventDispatcher()->addEventListenerWithFixedPriority(_listener1, 1);
	_c->getEventDispatcher()->addEventListenerWithFixedPriority(_listener2, 1);

	return true;
}

TreeNode* TreeNode::createEx(Layout* container, const std::string& data, int width, int height, int space, bool isHide)
{
	TreeNode * _node1 = new TreeNode(container, data, width, height, space, isHide);
	_node1->setAnchorPoint(Vec2::ZERO);
	_node1->init();

	return _node1;
}

void TreeNode::addEvents()
{
}
void TreeNode::removeEvents()
{
}

void TreeNode::addNode(TreeNode* node)
{
	if((int)nodeArr.size() > 0)
	{
		node->setPositionY( nodeArr[nodeArr.size() - 1]->getPositionY() - node->_h - _space );
	}
	else
	{
		node->setPositionY(0);
	}

	node->_pNode = this;
	
	//
	int heightOffset = _nodeContainer->getContentSize().height + node->getContentSize().height;
	
	//
	_nodeContainer->addChild(node);
	_nodeContainer->setContentSize(Size(node->getContentSize().width, heightOffset));
	nodeArr.push_back(node);

	EventCustom event("TreeChanged");
	_c->getEventDispatcher()->dispatchEvent(&event);


	if((int)nodeArr.size() == 1)
	{
		if(_bg) _bg->setEnabled(true);
	}
}
void TreeNode::removeNode(TreeNode* node)
{
	std::vector
   
   
    
    ::iterator it;
	for(it = nodeArr.begin(); it != nodeArr.end(); ++it)
	{
		TreeNode* tmp = *it;
		if(tmp == node)
		{
			nodeArr.erase(it);
			//
			int heightOffset = _nodeContainer->getContentSize().height - node->getContentSize().height;
			_nodeContainer->removeChild(tmp, true);
			_nodeContainer->setContentSize(Size(node->getContentSize().width, heightOffset));
			//
			EventCustom event("TreeChanged");
			_c->getEventDispatcher()->dispatchEvent(&event);

			if ((int)nodeArr.size() == 0) 
			{
				if(_bg) _bg->setEnabled(false);
			}
			break;
		}
	}
}
void TreeNode::updateList()
{
	cleanList();
	TreeNode* currentNode;
	TreeNode* prevNode;
	for(int i = 0;i < (int)nodeArr.size();i++)
	{
		currentNode = nodeArr[i];
		currentNode->setPositionX(0);
		currentNode->updateList();
		if(i == 0)
		{
			currentNode->setPositionY( 0 );
		}
		else
		{
			prevNode = nodeArr[i-1];
			int nextPosY = nextPosY = prevNode->getPositionY() - prevNode->getContentSize().height - _space;
			if(prevNode->isOpen())
			{
				nextPosY = nextPosY - prevNode->_nodeContainer->getContentSize().height;
			}
			
			currentNode->setPositionY( nextPosY );
		}
	
		_nodeContainer->addChild(currentNode);
	}
}
void TreeNode::cleanList()
{
	for(int i = 0; i < (int)nodeArr.size(); ++i)
	{
		TreeNode* tmp = nodeArr[i];
		if(tmp)
		{
			_nodeContainer->removeChild(tmp, false);
		}
	}
}

void TreeNode::openList(){
	_bOpen = true;

	this->addChild(_nodeContainer);

	EventCustom event("TreeChanged");
	_c->getEventDispatcher()->dispatchEvent(&event);
}

void TreeNode::closeList()
{
	_bOpen = false;
	this->removeChild(_nodeContainer, false);
	
	EventCustom event("TreeChanged");
	_c->getEventDispatcher()->dispatchEvent(&event);
}

bool TreeNode::onTouchBegan(Touch *touch, Event *unusedEvent)
{
	Point _touchStartPos = touch->getLocation();
	Point nsp = convertToNodeSpace(_touchStartPos);
	Rect bb;
	bb.size = _bg->getContentSize();
	if (bb.containsPoint(nsp))
	{
		return true;
	}
	return false;
}

void TreeNode::onTouchEnded(Touch *touch, Event *unusedEvent)
{
	if ((int)nodeArr.size() > 0) {
		_bOpen ? closeList() : openList();
	}
	else {
		//EventCustom event("TreeSelected");
		//event.setUserData(this);
		//_c->getEventDispatcher()->dispatchEvent(&event);
	}
	EventCustom event("TreeSelected");
	event.setUserData(this);
	_c->getEventDispatcher()->dispatchEvent(&event);
}

void TreeNode::onMouseMove(Event* e)
{
	auto mouseEvent = static_cast
    
    
     
     (e);
	float x = mouseEvent->getCursorX();
	float y = mouseEvent->getCursorY();
	Point _touchStartPos(x, y);
	Point nsp = convertToNodeSpace(_touchStartPos);

	Rect bb;
	bb.size = _bg->getContentSize();
	if (bb.containsPoint(nsp))
	{
		if ((int)nodeArr.size() > 0)
		{
			_bgOver->setVisible(false);
			return;
		}
		if (_bSelected) { return; }

		_bgOver->setVisible(true);
	}
	else
	{
		//if (_bSelected) { return; }
		_bgOver->setVisible(false);
	}
}

void TreeNode::changeHandler(EventCustom* e)
{
	updateList();
}
void TreeNode::selectedHandler(EventCustom* e)
{
	if ((int)nodeArr.size() > 0) {
		return;
	}
	unSelected();

	void* data = e->getUserData();
	TreeNode* tmp = static_cast
     
     
      
      (data);
	tmp->selected();
}
void TreeNode::unSelected()  
{
	_bSelected = false;
	_bgSelected->setVisible(false);
}

void TreeNode::selected()
{
	_bSelected = true;

	if ((int)nodeArr.size() > 0) {
		return;
	}
	_bgSelected->setVisible(true);
	_bgOver->setVisible(false);
}

TreeNode* TreeNode::getNodeByIndex(int index)
{
	if (index < 0 || index >= (int)nodeArr.size())
	{
		return nullptr;
	}
	return nodeArr[index];
}

int TreeNode::getListHeight()
{
	TreeNode* node;
	int iListHeight = 0;
	for (int i = 0;i < (int)nodeArr.size();i++)
	{
		node = nodeArr[i];
		iListHeight += node->getContentSize().height + _space;
		
	
		if (node->isOpen())
		{
			iListHeight += node->getListHeight();
		}
	}
	return iListHeight;
}

void TreeNode::setValue(const std::string& o)
{
	_value = o;  
	if (_txt_Label) _txt_Label->setString(o);
}

使用如下:

//1

Tree* _tree = Tree::create();
_tree->setPosition(Vec2(100, 100));
this->addChild(_tree);
_tree->setContentSize(Size(150, 100));
_tree->createRoot("root", 120, 22, 0, true);


_tree->addFirstLayerNode("A", 120, 22);
_tree->addFirstLayerNode("B", 120, 22);
_tree->addFirstLayerNode("C", 120, 22);


_tree->addSecondLayerNode(0, "AA", 120, 22);


_tree->addSecondLayerNode(1, "BA", 120, 22);
_tree->addSecondLayerNode(1, "BB", 120, 22);


_tree->addSecondLayerNode(2, "CA", 120, 22);
_tree->addSecondLayerNode(2, "CB", 120, 22);
_tree->addSecondLayerNode(2, "CC", 120, 22);

//2

cocos2d::EventListenerCustom* _listener = EventListenerCustom::create("TreeSelected", CC_CALLBACK_1(HelloWorld::selectedHandler, this));
_tree->getRootNode()->getEventDispatcher()->addEventListenerWithFixedPriority(_listener, 1);

//3

void HelloWorld::selectedHandler(EventCustom* e) 
{
static_cast<TreeNode*>(e->getUserData())->getValue();

}



海上的大石头
关注
专栏目录
cocos2d-x-3.1.zip
11-02
Cocos2d-x是一个开源的游戏开发框架，广泛用于2D游戏、实时渲染应用程序和其他互动内容的制作。这个压缩包“cocos2d-x-3.1.zip”包含了Cocos2d-x框架的3.1版本，这是一个经典且相对旧的版本，可能对于那些寻找历史...
Cocos-Tool-Tree 使用
最新发布
清淡的咸菜的博客
01-25 423
【代码】Cocos-Tool-Tree 使用。
17 CoCos Creator-Node Tree 层级管理器
苏法迪的专栏
01-13 2578
0. 原文 https://docs.cocos.com/creator/manual/zh/getting-started/basics/editor-panels/node-tree.html 1. Node Tree 层级管理器 层级管理器 中包括当前打开场景中的所有节点，不管节点是否包括可见的图像。你可以在这里选择、创建和删除节点，也可以通过拖拽一个节点到另一个上面来建立节点父子关系。 点...
cocos creator中使用行为树(BehaviorTree) 二
kirikayakazu的博客
03-31 1298
cocos creator中使用行为树(BehaviorTree) 二 继续我们的行为树AI, 上一节我们已经实现了一个简单的监视守卫, 接下来我们赋予它一些高级一点的功能 实现一个监视到敌人靠近, 自动攻击,玩家脱离监视范围, 攻击停止 开始敲..... 开始思考, 那个监视范围很好做, 就是判断位置, 返回一个状态, 但是攻击是一个持续的过程, 无法再一帧内完成, 而且在攻击没有结...
cocos2d-x3.1 下实现类似Android下ExpandListView的效果
杜甲同学的专栏
06-09 4558
在左Android开始有SDK提供ExpandListView的可扩展列表，而在iOS下有许多第三方做好的Demo，这里我是参照iOS下RATreeView这个第三方库实现的。 原文地址：http://blog.csdn.net/qqmcy/article/details/29559241 下面说下使用方法： DJDataObject.h   数据模型类 // // DJDa
Cocos2dx学习之---TableView实现二级菜单
Coding
04-27 2701
上周在公司的项目中实现了一个gongn
cocos2d-x-3rd-party-libs-src:cocos2d-x的依存关系
05-28
cocos2d-x第三方库 该存储库包含与cocos2d-x捆绑在一起的第三方库（二进制）的源代码。 对于cocos2d-x开发人员和/或想要： 生成特定库的更新版本（例如：将libpng 1.6.2升级到1.6.14） 将cocos2d-x移植到其他平台...
cocos2d-x-3.13.1 spine3.6.zip
04-21
《Cocos2d-x 3.13.1与Spine 3.6集成详解》 Cocos2d-x是一个广泛使用的开源游戏开发框架，它基于C++，同时支持Lua和JavaScript等多种脚本语言，为开发者提供了高效、跨平台的游戏开发解决方案。在3.13.1版本中，...
cocos2d-x二维码控件
03-29
在这个场景中，我们关注的是如何在Cocos2d-x项目中实现一个二维码控件。二维码（Quick Response Code）是一种二维条形码，可以存储大量的数据，如网址、文本、联系人信息等，广泛应用于现代移动设备。 基于...
Cocos2d-Lua-社区：基于Cocos2d-x 4.0，打造易用稳定的Cocos2d-x lua引擎
02-03
Cocos2d-Lua社区Cocos2d-Lua-Community是Cocos2d-x 4.0的改进，并且易于使用Lua游戏引擎。 它是与Quick-Cocos2dx-Community v3.7.x兼容的Lua“框架”。得到帮助 QQ群：社区版千人群（1群）号：361920466社区版2群：...
cocos_behavior_tree:行为树
03-26
cocos_behavior_tree:行为树
cocos代码研究（23）Widget子类ScrollView学习笔记
10-09 185
基础理论 一个能够被用户触摸滚动的一个层次型布局容器视图，允许其尺寸大于屏幕显示的物理尺寸，其内部维护有一个布局用于水平的或垂直的存放子节点。继承自 Layout，被 ListView 继承。 代码实践 void setBounceEnabled (bool enabled)设置当滚动到边界时，是否内部容器发生弹回(bounce)效果 bool isBounceEnabled (...
关于cocos2d-x之ScrollView、ListView之滚动条使用的一些常用方法
lp12345678910的专栏
12-03 3499
1.切换滚动时是否启用滚动惯性。 void setInertiaScrollEnabled(bool enabled); 2.查询惯性滚动状态。 bool isInertiaScrollEnabled() const; 3.启用切换滚动条。 void setScrollBarEnabled(bool enabled); 4.查询滚动条状态。 bool isScrollBarEnabled() const; 5.从左下角(水平)和右上角(垂直)设置滚动条的位置。 void setS
cocos creator实现的日期选择控件
寒风的技术博客
12-12 4824
UIDatePicker 日期选择控件及其使用示例及其使用，效果如果： 使用步骤： 将 UIDatePicker 文件夹拷贝到项目中 在脚本中创建一个 Prefab，值设为 UIDatePicker 需要显示时，创建节点，设置日期和回调 cc.Class({ extends: cc.Component, properties: { label: { ...
cocos2d-x之CCGUI设计与实现（5）树形控件的实现
破楼兰
05-10 4586
树形控件是GUI系统中较为复杂的一种控件，用途非常广泛，本篇不对该控件作详细描述，仅针对游戏中应用的树形作一个分析，cocos2d-x本身不对该控件提供任何支持，这里也不可能写一个类似于操作系统层面的复杂控件。   控件需求： （1）支持折叠，点击父节点，子节点可以折叠或展开 （2）支持滑动，树形控件的背景层是一个scroll view，根据树形控件的大小自动调整大小。 当然，基础组件还
【深入了解cocos2d-x 3.x】UI树（1）——什么是UI树
NxShow的博客
03-22 2593
近期在学习《我所理解的Cocos2d-x》这一本书，被作者深厚的功力所折服，感觉到自己实在是太弱了，cocos2d-x当中要学习的东西实在是太多了。 在《我所理解的cocos2d-x》中关于UI树与内存管理其实是关联性很强的，这一篇主要写我对UI树的理解。（本文基于cocos2d-x 3.2版本，其他版本API可能会有所变化） 首先得普及一下cocos2d-x的基础概念，cocos2d-x的游
【深入了解cocos2d-x 3.x】UI树（3）——UI树的渲染机制
NxShow的博客
03-27 1625
渲染系统是游戏引擎里面最重要的一个模块之一了，如何遍历UI树，如何将UI合理的渲染在屏幕上，如何选择渲染的顺序，这是渲染系统最需要考虑的。其实遍历的顺序就决定了渲染的顺序。 cocos2d-x的渲染函数是通过Node::visit来进行的，首先看看这个函数干了什么吧 void Node::visit(Renderer* renderer, const Mat4 &parentTransform
Cocos2d-x 3.2：UI树
weixin_33922670的博客
06-08 68
Cocos2d-x 3.2：UI树 本文参考与深入理解Cocos2d-x 3.x：UI树一文 Cocos2d-x 3.x 引擎的UI树系统 首先得普及一下Cocos2d-x的基础概念，Cocos2d- x的游戏世界一般是由一个又一个的场景（Sence）组成的，比如登录是一个场景，战斗是一个场景；然后场景之下分为一个又一个的层（Layer），比如 界面层，地图层；层下又分为一个又一个的精灵、U...
cocos2d-js 控件——UIScrollView
在代码身上，用心去飞翔
10-29 600
ScrollView公有属性、方法 /** * ScrollView的滚动方向 */ enum class Direction { NONE, VERTICAL, HORIZONTAL, BOTH }; /** * ScrollView的滚动事件类型 */ enum class EventType { SCROLL_TO_TOP, // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值