【玩转cocos2d-x之十八】仿《中国好学霸》文字拖拽和定位

原创作品，转载请标明：http://blog.csdn.net/jackystudio/article/details/13287519

现在各种猜成语猜歌名好学霸之类的游戏火的一塌糊涂。本节就介绍下文字的拖拽和定位。

1.基本原理

其实这只是精灵的简单拖拽和座标的识别而已。当触摸点在精灵的范围内，精灵可以感应拖动，当触摸结束进行位置判断，如果在有效范围内就进行自动定位。

2.实现

2.1.背景加入和文字精灵的加入

这里是采用这一节http://blog.csdn.net/jackystudio/article/details/13014883所述方式添加中文。

bool AutoSet::init()
{
	bool bRet=false;
	do 
	{
		CC_BREAK_IF(!CCLayer::init());
		CCSize visiableSize=CCDirector::sharedDirector()->getVisibleSize();

		CCSprite* background=CCSprite::create("AutoSetBk.jpg");
		background->setPosition(ccp(visiableSize.width/2,visiableSize.height/2));
		this->addChild(background);//添加背景

		//利用CCDictionary来读取xml
		CCDictionary* chnStrings = CCDictionary::createWithContentsOfFile("CHN_Strings.xml");
		const char *hao = ((CCString*)chnStrings->objectForKey("hao"))->m_sString.c_str(); 

		text=CCLabelTTF::create(hao,"Arial",50);
		text->setPosition(ccp(120,160));
		text->setColor(ccc3(0,0,0));
		this->addChild(text);//添加文本

		this->setTouchEnabled(true);//设置触摸可用

		bRet=true;
	} while (0);
	return bRet;
}

2.2.触摸的实现和拖拽的定位

因为3.0版本cocos2d-x的触摸实现已经变更了，所以这里不再赘述，3.0之前的触摸的原理和实现具体可以参见这一节http://blog.csdn.net/jackystudio/article/details/11860007

2.2.1注册触摸事件

void AutoSet::registerWithTouchDispatcher(void)
{
	CCDirector *pDirector=CCDirector::sharedDirector();  
	pDirector->getTouchDispatcher()->addTargetedDelegate(this,0,true);//单点触摸
}

2.2.2.触摸开始

bool AutoSet::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{
	return true;//返回true表示接收触摸事件
}

2.2.3.触摸过程

void AutoSet::ccTouchMoved(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{
	CCPoint beginPoint = pTouch->getLocationInView();  //获取触摸位置
	beginPoint = CCDirector::sharedDirector()->convertToGL(beginPoint);//座标转换
	CCPoint pt=text->getPosition();
	CCRect rect=CCRectMake(pt.x-30,pt.y-30,60,60);
	if (rect.containsPoint(beginPoint))//判断触摸点是否在文字上
	{
		CCPoint endPoint=pTouch->getPreviousLocationInView();//获取触摸的前一个位置  
		endPoint=CCDirector::sharedDirector()->convertToGL(endPoint);   

		CCPoint offSet =ccpSub(beginPoint,endPoint);//获取offset  
		CCPoint toPoint=ccpAdd(text->getPosition(),offSet); //获取真正移动位置
		text->setPosition(toPoint);//移动文字
	}
}

2.2.4.触摸结束

void AutoSet::ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent)
{
	CCPoint lastPoint = pTouch->getLocationInView();//获取触摸结束点位置
	lastPoint = CCDirector::sharedDirector()->convertToGL(lastPoint);
	CCRect rect=CCRectMake(330,130,60,60);
	CCMoveTo* moveto;
	if (!rect.containsPoint(lastPoint))//如果未在指定区域，还原到初始位置
	{
		moveto=CCMoveTo::create(0.1f,ccp(120,160));
	}
	else//如果在指定区域，移动到该区域中心
	{
		moveto=CCMoveTo::create(0.1f,ccp(360,160));
	}
	text->runAction(moveto);
}

3.效果图

4.源码下载

http://download.csdn.net/detail/jackyvincefu/6463261