cocos2d-x CCScale9Sprite实例

最新推荐文章于 2020-08-08 18:39:34 发布

linuxheik

最新推荐文章于 2020-08-08 18:39:34 发布

阅读量934

点赞数

分类专栏： cocos2d-x

cocos2d-x 专栏收录该内容

170 篇文章

订阅专栏

本文介绍Cocos2d-x中CCScale9Sprite的使用方法及注意事项，包括创建、设置大小及位置等，并展示了如何利用CCControlButton等控件处理触摸事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cocos2d-x CCScale9Sprite实例

    // 只是简单获取一下图形大小
         CCSprite* tmp = CCSprite::create("extensions/background.png");
        CCSize size = tmp->getContentSize();
        CCRect fullRect = CCRectMake(0,0, size.width, size.height);
        CCRect insetRect = CCRectMake(3,3,size.width-6, size.height-6);
        CCLog("wh:%f,%f", size.width, size.height);
        tmp->release();
 // 调用CCScale9Sprite
        CCScale9Sprite* backGround = CCScale9Sprite::create("extensions/background.png", fullRect, insetRect ); 
        backGround->setPreferredSize(CCSizeMake(300, 30));
        backGround->setPosition(ccp(10, 230));
        backGround->setAnchorPoint(CCPointZero);
        addChild(backGround);


加入图片是圆角图片，圆角半径为3，图片大小为16x16，则rectInsets最好设置为(3,3,10,10); 其中，3,3是中间区域的起点，10,10是中间区域的宽高,10是16-2*3的结果.

注意：在测试中发现，如果想要setPreferredSize()或者setContentSize()在收缩图片时生效，则只能用

 CCScale9Sprite::create("extensions/background.png", fullRect, insetRect ) 这个构造函数，用

 CCScale9Sprite::create("extensions/background.png") 或者

CCScale9Sprite::create(insetRect,"extensions/background.png", )
这两个create函数构造出来的CCScale9Sprite都无法按照理想中的收缩，但拉伸是没问题的!

BUG原因:

CCScale9Sprite* CCScale9Sprite::create(CCRect capInsets, const char* file)的实现有误，应该将该函数中的

if ( pReturn && pReturn->initWithFile(file，capInsets) )
{
pReturn->autorelease();
return pReturn;
}

改为

if ( pReturn && pReturn->initWithFile(capInsets, file) )
{
pReturn->autorelease();
return pReturn;
}

即可

对应官网的CCControlExtention。可以通过TestCpp的EntentionTest查看效果。

http://cocos2d-x.org/projects/cocos2d-x/wiki/CCControlExtension

以下内容使用了扩展库，因此要添加库路径和命名空间
#include "cocos-ext.h"
USING_NS_CC_EXT;

并在属性中配置extension路径，加入libextensions.lib库

CCScale9Sprite——九宫格Sprite
按照九宫格的方式缩放图片的工具，和android的9patch一样作用。可以使得按钮变得漂亮起来。但不能处理点击事件。
例子：

CCSize screenSize = CCDirector::sharedDirector()->getWinSize(); CCRect rect = CCRectMake(0,0,15,32); //从原始图片中读取的范围，参数分别为坐标x,y和宽度，高度
CCRect rect_inside = CCRectMake(4,4,7,24); //原始图片中，可变的部分，即用来放大的。参数解释同上（x,y,width,height）。
CCSize rect_9Size = CCSizeMake(screenSize.width/2,screenSize.height/2);
CCScale9Sprite* button = cocos2d::extension::CCScale9Sprite::create("button.png", rect,rect_inside);
//button->setContentSize(CCSizeMake(screenSize.width, 57));
button->setPreferredSize(rect_9Size); //希望得到的最终按钮大小
button->setPosition(ccp(screenSize.width/2, screenSize.height/ 2.0f));
addChild(button);

复制代码

注意CCScale9Sprite::Create，如果没有输入rect，实际是是把图片按九宫格等比划分为9份。底调用了的层代码如下。没有输入rect，就默认rect为CCRectZero

看看定义const CCRect CCRectZero = CCRectMake(0,0,0,0); 即，0大小的Rect。可以参照CCControlButton的例子，它是直接调用create(char* file)的。

bool CCScale9Sprite::initWithFile(const char* file, CCRect rect, CCRect capInsets)
{
CCAssert(file != NULL, "Invalid file for sprite");
CCSpriteBatchNode *batchnode = CCSpriteBatchNode::create(file, 9);
bool pReturn = this->initWithBatchNode(batchnode, rect, capInsets);
return pReturn;
}

复制代码

bool CCScale9Sprite::initWithBatchNode(CCSpriteBatchNode* batchnode, CCRect rect, bool rotated, CCRect capInsets)
{
if(batchnode)
{
this->updateWithBatchNode(batchnode, rect, rotated, capInsets);
this->setAnchorPoint(ccp(0.5f, 0.5f));
}
this->m_positionsAreDirty = true;
return true;
}

复制代码

这就是button.png，可以在cocos2d-x的项目中搜到，是一个渐变图。放大后效果

CCControlButton——事件按钮
与CCScale9Sprite不同，Button控件可以处理事件，且该控件需要传入CCScale9Sprite作为参数。
控制事件CCControlEvent,可以处理很多动作细节。

CCControl.h中定义如下

/** Number of kinds of control event. */
#define kControlEventTotalNumber 9
/** Kinds of possible events for the control objects. */
enum
{
CCControlEventTouchDown = 1 << 0, // A touch-down event in the control.
CCControlEventTouchDragInside = 1 << 1, // An event where a finger is dragged inside the bounds of the control.
CCControlEventTouchDragOutside = 1 << 2, // An event where a finger is dragged just outside the bounds of the control.
CCControlEventTouchDragEnter = 1 << 3, // An event where a finger is dragged into the bounds of the control.
CCControlEventTouchDragExit = 1 << 4, // An event where a finger is dragged from within a control to outside its bounds.
CCControlEventTouchUpInside = 1 << 5, // A touch-up event in the control where the finger is inside the bounds of the control.
CCControlEventTouchUpOutside = 1 << 6, // A touch-up event in the control where the finger is outside the bounds of the control.
CCControlEventTouchCancel = 1 << 7, // A system event canceling the current touches for the control.
CCControlEventValueChanged = 1 << 8 // A touch dragging or otherwise manipulating a control, causing it to emit a series of different values.
};
typedef unsigned int CCControlEvent;
/** The possible state for a control. */
enum
{
CCControlStateNormal = 1 << 0, // The normal, or default state of a control—that is, enabled but neither selected nor highlighted.
CCControlStateHighlighted = 1 << 1, // Highlighted state of a control. A control enters this state when a touch down, drag inside or drag enter is performed. You can retrieve and set this value through the highlighted property.
CCControlStateDisabled = 1 << 2, // Disabled state of a control. This state indicates that the control is currently disabled. You can retrieve and set this value through the enabled property.
CCControlStateSelected = 1 << 3 // Selected state of a control. This state indicates that the control is currently selected. You can retrieve and set this value through the selected property.
};
typedef unsigned int CCControlState;/** Number of kinds of control event. */
#define kControlEventTotalNumber 9

复制代码

使用例子：（记得在头文件声明时引入头文件、命名控件，配置CCControl.h的路径，因为用到了CCControlEvent进行声明）

cocos2d::extension::CCScale9Sprite *backgroundButton = cocos2d::extension::CCScale9Sprite::create("button.png");
cocos2d::extension::CCScale9Sprite *backgroundHighlightedButton = cocos2d::extension::CCScale9Sprite::create("buttonHighlighted.png");
// Creates a button with this string as title
CCLabelTTF *titleButton = CCLabelTTF::create("hello", "Marker Felt", 30);
titleButton->setColor(ccc3(159, 168, 176));
cocos2d::extension::CCControlButton *newbutton = cocos2d::extension::CCControlButton::create(titleButton, backgroundButton);
newbutton->setBackgroundSpriteForState(backgroundHighlightedButton, cocos2d::extension::CCControlStateHighlighted);
newbutton->setTitleColorForState(ccWHITE, cocos2d::extension::CCControlStateHighlighted);
newbutton->setPosition(ccp (screenSize.width / 2, screenSize.height / 2));

复制代码

newbutton->addTargetWithActionForControlEvents(this,cccontrol_selector(HelloWorld::touchDown),CCControlEventTouchDown);
//注意，addTargetWithActionForControlEvents是public的，addTargetWithActionForControlEvent是protected的，不要少了s，否则会报错:无法访问 protected 成员
// addTargetWithActionForControlEvents循环调用了addTargetWithActionForControlEvent
addChild(newbutton);

复制代码

可参考以下代码

void CCControl::addTargetWithActionForControlEvents(CCObject* target, SEL_CCControlHandler action, CCControlEvent controlEvents)
{
// For each control events
for (int i = 0; i < kControlEventTotalNumber; i++)
{
// If the given controlEvents bitmask contains the curent event
if ((controlEvents & (1 << i)))
{
this->addTargetWithActionForControlEvent(target, action, 1<<i);
}
}
}

复制代码

CCControlSlider——拖动条
CCControlColorPicker——颜色选择器
CCControlSwitch——开关控件
CCControlPotentionmeter——压力计
CCControlStepper——分段控件
CCScrollView——滚动视图
CCTabelView——列表视图

原文链接： http://blog.youkuaiyun.com/xzongyuan/article/details/9177421