【转】CCScale9Sprite和CCControlButton

转自：http://blog.csdn.net/nat_myron/article/details/12975145

在2dx下用到了android下的.9.png图片，下面是原图

 

查了一下2dx里有CCScale9Sprite，直接贴上背景图，毫无问题，

1. CCSize bgRect = CCSizeMake(size.width,size.height/3);
2. CCScale9Sprite *background   = CCScale9Sprite::create("dialog_bg.png");
3. background->setContentSize(bgRect);
4. background->setPosition(ccp(bgRect.width/2,-bgRect.height/2));
5. this->addChild(background,5);

CCSize bgRect = CCSizeMake(size.width,size.height/3);
CCScale9Sprite *background   = CCScale9Sprite::create("dialog_bg.png");
background->setContentSize(bgRect);
background->setPosition(ccp(bgRect.width/2,-bgRect.height/2));
this->addChild(background,5);

然后按钮里也需要用到这个素材图，拉伸图片到我们需要的，用到了CCControlButton

1. CCLabelTTF *title1 = CCLabelTTF::create("拍照", "Marker Felt", 30);
2. CCControlButton* btn_takephoto = CCControlButton::create(title1,CCScale9Sprite::create("dialog_normal.png"));
3. /* 设置按钮按下时的图片 */
4. btn_takephoto->setBackgroundSpriteForState(CCScale9Sprite::create("dialog_pressed.png"), CCControlStateSelected);
5. btn_takephoto->setPosition(ccp(bgRect.width/2,bgRect.height/5*4));
6. btn_takephoto->setPreferredSize(btnRect);
7. btn_takephoto->addTargetWithActionForControlEvents(this, cccontrol_selector(DialogPhoto::MenuItemCallback), CCControlEventTouchUpInside);
8. background->addChild(btn_takephoto);

CCLabelTTF *title1 = CCLabelTTF::create("拍照", "Marker Felt", 30);
CCControlButton* btn_takephoto = CCControlButton::create(title1,CCScale9Sprite::create("dialog_normal.png"));
 /* 设置按钮按下时的图片 */
btn_takephoto->setBackgroundSpriteForState(CCScale9Sprite::create("dialog_pressed.png"), CCControlStateSelected);
btn_takephoto->setPosition(ccp(bgRect.width/2,bgRect.height/5*4));
btn_takephoto->setPreferredSize(btnRect);
btn_takephoto->addTargetWithActionForControlEvents(this, cccontrol_selector(DialogPhoto::MenuItemCallback), CCControlEventTouchUpInside);
background->addChild(btn_takephoto);

当然也可以用CCMenuItemSprite

1. CCScale9Sprite* sp1 = CCScale9Sprite::create("dialog_normal.png");
2. sp1->setContentSize(btnRect);
3. CCScale9Sprite* sp2 = CCScale9Sprite::create("dialog_pressed.png");
4. sp2->setContentSize(btnRect);
5. CCMenuItemSprite* btn_takephoto = CCMenuItemSprite::create(sp1,sp2,this,menu_selector(DialogShare::MenuItemCallback));
6. btn_takephoto->setPosition(ccp(bgRect.width/2,bgRect.height/5*4));
7. btn_takephoto->setTag(DialogTakePhoto);
8. CCLabelTTF* pLabel1 = CCLabelTTF::create("拍照", "Arial", 20);
9. pLabel1->setColor(ccc3(0, 0, 0));
10. pLabel1->setPosition(ccp(btnRect.width/2,btnRect.height/2));
11. btn_takephoto->addChild(pLabel1);

CCScale9Sprite* sp1 = CCScale9Sprite::create("dialog_normal.png");
sp1->setContentSize(btnRect);
CCScale9Sprite* sp2 = CCScale9Sprite::create("dialog_pressed.png");
sp2->setContentSize(btnRect);
CCMenuItemSprite* btn_takephoto = CCMenuItemSprite::create(sp1,sp2,this,menu_selector(DialogShare::MenuItemCallback));
btn_takephoto->setPosition(ccp(bgRect.width/2,bgRect.height/5*4));
btn_takephoto->setTag(DialogTakePhoto);
CCLabelTTF* pLabel1 = CCLabelTTF::create("拍照", "Arial", 20);
pLabel1->setColor(ccc3(0, 0, 0));
pLabel1->setPosition(ccp(btnRect.width/2,btnRect.height/2));
btn_takephoto->addChild(pLabel1);

1. <pre class="cpp" name="code">m_pMenu = CCMenu::create(btn_takephoto,btn_photoalbum,btn_cancel, NULL);
2. m_pMenu->setPosition(CCPointZero);
3. background->addChild(m_pMenu);</pre>

1. m_pMenu = CCMenu::create(btn_takephoto,btn_photoalbum,btn_cancel, NULL);
2. m_pMenu->setPosition(CCPointZero);
3. background->addChild(m_pMenu);

m_pMenu = CCMenu::create(btn_takephoto,btn_photoalbum,btn_cancel, NULL);
m_pMenu->setPosition(CCPointZero);
background->addChild(m_pMenu);

下面就是我们所需的效果

这里用到了对话框的思想，点击按钮之后从底部弹出菜单，下面贴出全部代码

1. #pragma once
2. #include "cocos2d.h"
3. #include "HelloWorldScene.h"
4. #include "cocos-ext.h"
5. USING_NS_CC_EXT;
6. USING_NS_CC;
7. class DialogShare: public CCLayerColor
8. {
9. // 模态对话框菜单
10. CCMenu *m_pMenu;
11. // 记录菜单点击
12. bool m_bTouchedMenu;
13. public:
14. DialogShare();
15. ~DialogShare();
16. static cocos2d::CCScene* scene();
17. virtualbool init();
18. // 初始化对话框内容
19. void initDialog();
20. CREATE_FUNC(DialogShare);
21. void onEnter();
22. void onExit();
23. virtualbool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);
24. virtualvoid ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent);
25. virtualvoid ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);
26. virtualvoid ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent);
27. void MenuItemCallback(CCObject *pSender);
28. };

#pragma once

#include "cocos2d.h"
#include "HelloWorldScene.h"
#include "cocos-ext.h"
USING_NS_CC_EXT;
USING_NS_CC;

class DialogShare: public CCLayerColor
{
    // 模态对话框菜单
    CCMenu *m_pMenu;
    // 记录菜单点击
    bool m_bTouchedMenu;
public:
    DialogShare();
    ~DialogShare();
    static cocos2d::CCScene* scene();
    virtual bool init();
    // 初始化对话框内容
    void initDialog();

    CREATE_FUNC(DialogShare);

    void onEnter();
    void onExit();
	virtual bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);
	virtual void ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent);
	virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);
	virtual void ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent);

    void MenuItemCallback(CCObject *pSender);
};

1. #include "DialogShare.h"
2. #include "HelloWorldScene.h"
3. enum {
4. DialogTakePhoto,
5. DialogPhotoAlbum,
6. DialogCancel,
7. };
8. CCScene* DialogShare::scene()
9. {
10. CCScene *scene = CCScene::create();
11. DialogShare *layer = DialogShare::create();
12. scene->addChild(layer);
13. return scene;
14. }
15. DialogShare::DialogShare()
16. {
17. }
18. DialogShare::~DialogShare()
19. {
20. }
21. bool DialogShare::init()
22. {
23. bool bRet = false;
24. do {
25. CC_BREAK_IF(!CCLayerColor::initWithColor(ccc4(0, 0, 0, 125)));
26. this->initDialog();
27. bRet = true;
28. } while (0);
29. return bRet;
30. }
31. void DialogShare::initDialog()
32. {
33. CCSize size = CCDirector::sharedDirector()->getWinSize();
34. CCSize bgRect = CCSizeMake(size.width,size.height/3);
35. CCScale9Sprite *background   = CCScale9Sprite::create("dialog_bg.png");
36. background->setContentSize(bgRect);
37. background->setPosition(ccp(bgRect.width/2,-bgRect.height/2));
38. this->addChild(background,5);
39. CCSize btnRect = CCSizeMake(bgRect.width/2,bgRect.height/5);
40. CCScale9Sprite* sp1 = CCScale9Sprite::create("dialog_normal.png");
41. sp1->setContentSize(btnRect);
42. CCScale9Sprite* sp2 = CCScale9Sprite::create("dialog_pressed.png");
43. sp2->setContentSize(btnRect);
44. CCMenuItemSprite* btn_takephoto = CCMenuItemSprite::create(sp1
45. ,sp2,this,menu_selector(DialogShare::MenuItemCallback));
46. btn_takephoto->setPosition(ccp(bgRect.width/2,bgRect.height/5*4));
47. btn_takephoto->setTag(DialogTakePhoto);
48. CCLabelTTF* pLabel1 = CCLabelTTF::create("拍照", "Arial", 20);
49. pLabel1->setColor(ccc3(0, 0, 0));
50. pLabel1->setPosition(ccp(btnRect.width/2,btnRect.height/2));
51. btn_takephoto->addChild(pLabel1);
52. CCScale9Sprite* sp3 = CCScale9Sprite::create("dialog_normal.png");
53. sp3->setContentSize(btnRect);
54. CCScale9Sprite* sp4 = CCScale9Sprite::create("dialog_pressed.png");
55. sp4->setContentSize(btnRect);
56. CCMenuItemSprite* btn_photoalbum = CCMenuItemSprite::create(sp3
57. ,sp4,this,menu_selector(DialogShare::MenuItemCallback));
58. btn_photoalbum->setPosition(ccp(bgRect.width/2,bgRect.height/5*5/2));
59. btn_photoalbum->setTag(DialogPhotoAlbum);
60. CCLabelTTF* pLabel2 = CCLabelTTF::create("相册中选取", "Arial", 18);
61. pLabel2->setColor(ccc3(0, 0, 0));
62. pLabel2->setPosition(ccp(btnRect.width/2,btnRect.height/2));
63. btn_photoalbum->addChild(pLabel2);
64. CCScale9Sprite* sp5 = CCScale9Sprite::create("dialog_cancel_normal.png");
65. sp5->setContentSize(btnRect);
66. CCScale9Sprite* sp6 = CCScale9Sprite::create("dialog_pressed.png");
67. sp6->setContentSize(btnRect);
68. CCMenuItemSprite* btn_cancel = CCMenuItemSprite::create(sp5
69. ,sp6,this,menu_selector(DialogShare::MenuItemCallback));
70. btn_cancel->setPosition(ccp(bgRect.width/2,bgRect.height/5));
71. btn_cancel->setTag(DialogCancel);
72. CCLabelTTF* pLabel3 = CCLabelTTF::create("取消", "Arial", 16);
73. pLabel3->setColor(ccc3(0, 0, 0));
74. pLabel3->setPosition(ccp(btnRect.width/2,btnRect.height/2));
75. btn_cancel->addChild(pLabel3);
76. m_pMenu = CCMenu::create(btn_takephoto,btn_photoalbum,btn_cancel, NULL);
77. m_pMenu->setPosition(CCPointZero);
78. background->addChild(m_pMenu);
79. background->runAction(CCEaseExponentialOut::create(CCMoveTo::create(0.5f,ccp(bgRect.width/2,bgRect.height/2))));
80. }
81. void DialogShare::onEnter()
82. {
83. CCLayerColor::onEnter();
84. CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,kCCMenuHandlerPriority-1, true);
85. }
86. void DialogShare::onExit()
87. {
88. CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);
89. CCLayerColor::onExit();
90. }
91. bool DialogShare::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
92. {
93. m_bTouchedMenu = m_pMenu->ccTouchBegan(pTouch, pEvent);
94. returntrue;
95. }
96. void DialogShare::ccTouchMoved(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
97. {
98. if (m_bTouchedMenu) {
99. m_pMenu->ccTouchMoved(pTouch, pEvent);
100. }
101. }
102. void DialogShare::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
103. {
104. if (m_bTouchedMenu) {
105. m_pMenu->ccTouchEnded(pTouch, pEvent);
106. m_bTouchedMenu = false;
107. }
108. }
109. void DialogShare::ccTouchCancelled(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
110. {
111. if (m_bTouchedMenu) {
112. m_pMenu->ccTouchEnded(pTouch, pEvent);
113. m_bTouchedMenu = false;
114. }
115. }
116. void DialogShare::MenuItemCallback(cocos2d::CCObject *pSender)
117. {
118. CCMenuItemImage* button=(CCMenuItemImage*)pSender;
119. switch (button->getTag())
120. {
121. case DialogTakePhoto:
122. CCLog("DialogTakePhoto++++++");
123. break;
124. case DialogPhotoAlbum:
125. CCLog("DialogPhotoAlbum++++++");
126. break;
127. case DialogCancel:
128. CCLog("DialogCancel++++++");
129. this->removeFromParentAndCleanup(true);
130. break;
131. }
132. }