CCControlColourPicker實現顏色拾取器的功能。關于控件使用時的一些配置，請參見文章：UI開發之控件類-CCControlButton。下邊來看源代碼。

1. bool HelloWorld::init() 
2. { 
3.   bool bRet = false; 
4.   do 
5.   { 
6.     CC_BREAK_IF(! CCLayer::init()); 
7.  
8.         //設置一個顯示字符串的label 
9.         CCLabelTTF * title = CCLabelTTF::create("#128128128","Arial",32); 
10.         title->setPosition(ccp(240,280)); 
11.         //設置label的tag為1，方便以后獲取 
12.         this->addChild(title,0,1); 
13.  
14.         //這里有一個問題需要注意，在create之前，應該在resource目錄下新建一個文件夾叫做extensions，然后把源代碼中 
15.         //和CCControlColourPicker相關的資源導入進去 
16.         CCControlColourPicker * colorPicker = CCControlColourPicker::create(); 
17.         colorPicker->setColor(ccc3(128,128,128)); 
18.  
19.         //設置一張背景圖片,但是卻不起作用，至今沒解決，有誰解決了，說一聲 
20.         //colorPicker->setBackground(CCSprite::create("HelloWorld.png")); 
21.  
22.         //為colorPicker添加事件監聽函數 
23.         colorPicker->addTargetWithActionForControlEvents(this,cccontrol_selector(HelloWorld::colorValueChanged), 
24.         CCControlEventValueChanged); 
25.  
26.         //設置位置 
27.         colorPicker->setPosition(ccp(240,160)); 
28.         this->addChild(colorPicker); 
29.  
30.     bRet = true; 
31.   } while (0); 
32.  
33.   return bRet; 
34. } 
35.  
36. void HelloWorld::colorValueChanged(CCObject * pSender,CCControlEvent controlEvent) 
37.  { 
38.     CCLabelTTF * title = (CCLabelTTF *)this->getChildByTag(1); 
39.     CCControlColourPicker * pPicker = (CCControlColourPicker *)pSender; 
40.     //這里需要注意了，本人用的cocos2d-x的版本是2.2，應該用pPicker調用getColor函數，但據本人查看他人的 
41.     //博客，他們都是用的getColorValue函數，他們應該是早一點的版本 
42.     title->setString(CCString::createWithFormat("#%03d%03d%03d",pPicker->getColor().r,pPicker->getColor().g, 
43.         pPicker->getColor().b)->getCString()); 
44.  }