cocos2dx中滑塊控件CCControlSlider怎么用

這篇文章給大家分享的是有關(guān)cocos2dx中滑塊控件CCControlSlider怎么用的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

【CCControlSlider】

    滑塊控件CCControlSlider，應(yīng)該也是很常見(jiàn)的UI控件，想必大家都不陌生。

    比如調(diào)節(jié)音量的大?。?/p>

1、CCControl主要向滑塊類CCControlSlider提供了以下控件事件

//
	CCControlEventValueChanged //當(dāng)控件的值發(fā)生改變時(shí)觸發(fā)。
//

2、綁定控件事件的方法

//
	//綁定控件事件
	//addTargetWithActionForControlEvents(this, cccontrol_selector(HelloWorld::valueChanged), CCControlEventValueChanged);
	void addTargetWithActionForControlEvents(CCObject* target, SEL_CCControlHandler action, CCControlEvent controlEvents);
	 
	//刪除控件事件
	//removeTargetWithActionForControlEvents(this, cccontrol_selector(HelloWorld::valueChanged), CCControlEventValueChanged);
	void removeTargetWithActionForControlEvents(CCObject* target, SEL_CCControlHandler action, CCControlEvent controlEvents);
//

3、需要引用一下的文件及命名空間

//
	#include "cocos-ext.h"              //包含cocos-ext.h頭文件
	using namespace cocos2d::extension; //引用cocos2d::extension命名空間
//

4、常用操作

//
class CCControlSlider: public CCControl
{
/**
 *		創(chuàng)建CCControlSlider的兩種方式
 */
	//用CCSprite精靈創(chuàng)建滑塊控件
	//create("滑塊背景圖", "劃過(guò)區(qū)域圖", "滑塊圖");
	static CCControlSlider* create(CCSprite* backgroundSprite, CCSprite* pogressSprite, CCSprite* thumbSprite);

	//直接用圖片資源名創(chuàng)建，省去了創(chuàng)建精靈的步驟
	//實(shí)際上，在其內(nèi)部依舊是調(diào)用上面的create函數(shù)創(chuàng)建CCSprite精靈
	//create("滑塊背景圖", "劃過(guò)區(qū)域圖", "滑塊圖");
	static CCControlSlider* create(const char* bgFile, const char* progressFile, const char* thumbFile);


/**
 *		屬性設(shè)置
 *		setValue , 
 *		setMinimumValue , setMaximumValue
 *		setMinimumAllowedValue , setMaximumAllowedValue ,
 *		setBackgroundSprite , setProgressSprite , setThumbSprite
 */
	float setValue() | getValue(); //設(shè)置當(dāng)前滑塊的值
	float setMinimumValue() | getMinimumValue(); //設(shè)置滑塊最小值
	float setMaximumValue() | getMaximumValue(); //設(shè)置滑塊最大值
	float setMinimumAllowedValue() |　setMinimumAllowedValue(); //設(shè)置允許滑動(dòng)的最小值
	float setMaximumAllowedValue() | setMaximumAllowedValue(); //設(shè)置允許滑動(dòng)的最大值


	//設(shè)置滑塊的背景圖、劃過(guò)區(qū)域圖、滑塊圖
	//CC_SYNTHESIZE_RETAIN為宏定義：除了創(chuàng)建了set/get以外，還用了retain來(lái)保留內(nèi)存資源。
	CC_SYNTHESIZE_RETAIN(CCSprite*, m_backgroundSprite, BackgroundSprite);
	CC_SYNTHESIZE_RETAIN(CCSprite*, m_progressSprite, ProgressSprite);
	CC_SYNTHESIZE_RETAIN(CCSprite*, m_thumbSprite, ThumbSprite);
};
//

5、滑塊的值、最值、允許最值解析

    假設(shè)滑塊的屬性值設(shè)置如下：

        Value = 40;

        MinimumValue = 0;         MaximumValue = 100;

        MinimumAllowedValue = 20; MaximumAllowedValue = 80;

    那么滑塊只能在Allowed的最小值和最大值之間滑動(dòng)，即[20,80]的數(shù)值之間滑動(dòng)。

【代碼實(shí)戰(zhàn)】

1、資源圖片

            為何上傳的PNG圖片好像在博文上顯示就變樣了呢？說(shuō)好的透明背景呢？

2、引入文件和命名空間

//
	#include "cocos-ext.h"              //包含cocos-ext.h頭文件
	using namespace cocos2d::extension; //引用cocos2d::extension命名空間
//

3、在HelloWorld.h中聲明控件回調(diào)函數(shù)、顯示滑塊數(shù)值的Label

//
	CCLabelTTF* label; //顯示滑塊數(shù)值的Label

	void valueChanged(CCObject* sender, CCControlEvent controlEvent); //當(dāng)值改變時(shí)觸發(fā)的控件事件
//

4、在HelloWorld.cpp中創(chuàng)建滑塊控件，并綁定ValueChanged控件事件

//
//創(chuàng)建顯示Slider值的標(biāo)簽
	label = CCLabelTTF::create("50.0", "Arial", 32);
	label->setPosition( midPos + ccp(0, 100) );
	this->addChild(label);


//創(chuàng)建滑塊控件CCControlSlider
	CCControlSlider* slider = CCControlSlider::create("sliderTrack.png", "sliderProgress.png", "sliderThumb.png");
	slider->setPosition( midPos );
	this->addChild(slider);

	//設(shè)置屬性
	slider->setMinimumValue(0);         //設(shè)置滑塊最小值
	slider->setMaximumValue(100);       //設(shè)置滑塊最大值
	slider->setMinimumAllowedValue(20); //設(shè)置允許滑動(dòng)的最小值
	slider->setMaximumAllowedValue(80); //設(shè)置允許滑動(dòng)的最大值
	slider->setValue(50);               //設(shè)置當(dāng)前滑塊的值

	//綁定事件，當(dāng)滑塊的值改變時(shí)觸發(fā)控件事件
	slider->addTargetWithActionForControlEvents(this, cccontrol_selector(HelloWorld::valueChanged), CCControlEventValueChanged);
//

5、實(shí)現(xiàn)控件回調(diào)函數(shù)

//
	//事件響應(yīng)函數(shù)，值改變時(shí)，修改label標(biāo)簽的內(nèi)容
	void HelloWorld::valueChanged(CCObject* sender, CCControlEvent controlEvent)
	{
		//獲取事件委托者：滑塊控制CCControlSlider
		CCControlSlider* slider = (CCControlSlider*)sender;

		//修改label的值，顯示滑塊的當(dāng)前值
		//sprintf為C語(yǔ)言中的字符串格式轉(zhuǎn)換，這里將float轉(zhuǎn)換為字符串
		char str[50];
		sprintf(str, "%f", slider->getValue() );  //字符串格式轉(zhuǎn)換
		label->setString(str);
	}
//

6、運(yùn)行結(jié)果

感謝各位的閱讀！關(guān)于“cocos2dx中滑塊控件CCControlSlider怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！