【转载】Cocos2D里制作可以保持圆角的CCSprite的方法
2011-08-19 09:39
519 查看
本文纯属转载,并为实验
在游戏里做一个比较通用的提示框,这个提示框的背景是一个CCSprite。根据 提示框内容的多少,CCSprite可以自动缩放。问题是在UIView里UIImage是可以设置圆角保持的,但是在Cocos2D里怎么实现呢?
根据 QuartzDemo官方例子,给出了解决方法。帖子地址 http://www.cocoachina.com/bbs/read.php?tid-17140.html
[align=center][/align]
代码
@interface StretchableSprite : CCSprite {
}
+(id)spriteWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap;
-(id)initWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap;
@end
@implementation StretchableSprite
+(id)spriteWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap{
return [[[self alloc] initWithFile:file size:size leftCap:leftcap topCap:topcap] autorelease];
}
-(id)initWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap{
UIImage* image = [UIImage imageNamed:file];
CGImageRef base = image.CGImage;
CGContextRef context = CGBitmapContextCreate(nil,
size.width,
size.height,
CGImageGetBitsPerComponent(base),
4 * size.width,
CGImageGetColorSpace(base),
kCGImageAlphaPremultipliedLast | kCGBitmapByteOrderDefault);
float BASE_COL_WIDTH[] = {leftcap,1,image.size.width - leftcap -1};
float BASE_ROW_HEIGHT[] = {topcap,1,image.size.height - topcap -1};
float BASE_COL_X[] = {0,leftcap,leftcap + 1};
float BASE_ROW_Y[] = {0,topcap,topcap +1};
float TARGET_COL_WIDTH[] = {BASE_COL_WIDTH[0], size.width - BASE_COL_WIDTH[0] - BASE_COL_WIDTH[2], BASE_COL_WIDTH[2]};
float TARGET_ROW_HEIGHT[] = {BASE_ROW_HEIGHT[0], size.height -
BASE_ROW_HEIGHT[0] - BASE_ROW_HEIGHT[2], BASE_ROW_HEIGHT[2]};
float TARGET_COL_X[] = {0,TARGET_COL_WIDTH[0],TARGET_COL_WIDTH[0]+TARGET_COL_WIDTH[1]};
float TARGET_ROW_Y[] = {size.height - TARGET_ROW_HEIGHT[0],
size.height - TARGET_ROW_HEIGHT[0] - TARGET_ROW_HEIGHT[1],
size.height - TARGET_ROW_HEIGHT[0] - TARGET_ROW_HEIGHT[1] - TARGET_ROW_HEIGHT[2]};
for (int row=0; row<3; row++) {
for (int col=0; col<3; col++) {
CGRect source = CGRectMake(BASE_COL_X[col], BASE_ROW_Y[row], BASE_COL_WIDTH[col], BASE_ROW_HEIGHT[row]);
CGRect target = CGRectMake(TARGET_COL_X[col], TARGET_ROW_Y[row], TARGET_COL_WIDTH[col], TARGET_ROW_HEIGHT[row]);
CGImageRef ref = CGImageCreateWithImageInRect(base, source);
CGContextDrawImage(context, target, ref);
CFRelease(ref);
}
}
CGImageRef final = CGBitmapContextCreateImage(context);
CGContextRelease(context);
return [super initWithCGImage:final key:@"stretchable"];
}
@end
在游戏里做一个比较通用的提示框,这个提示框的背景是一个CCSprite。根据 提示框内容的多少,CCSprite可以自动缩放。问题是在UIView里UIImage是可以设置圆角保持的,但是在Cocos2D里怎么实现呢?
根据 QuartzDemo官方例子,给出了解决方法。帖子地址 http://www.cocoachina.com/bbs/read.php?tid-17140.html
[align=center][/align]
代码
@interface StretchableSprite : CCSprite {
}
+(id)spriteWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap;
-(id)initWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap;
@end
@implementation StretchableSprite
+(id)spriteWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap{
return [[[self alloc] initWithFile:file size:size leftCap:leftcap topCap:topcap] autorelease];
}
-(id)initWithFile:(NSString*)file size:(CGSize)size leftCap:(NSInteger)leftcap topCap:(NSInteger)topcap{
UIImage* image = [UIImage imageNamed:file];
CGImageRef base = image.CGImage;
CGContextRef context = CGBitmapContextCreate(nil,
size.width,
size.height,
CGImageGetBitsPerComponent(base),
4 * size.width,
CGImageGetColorSpace(base),
kCGImageAlphaPremultipliedLast | kCGBitmapByteOrderDefault);
float BASE_COL_WIDTH[] = {leftcap,1,image.size.width - leftcap -1};
float BASE_ROW_HEIGHT[] = {topcap,1,image.size.height - topcap -1};
float BASE_COL_X[] = {0,leftcap,leftcap + 1};
float BASE_ROW_Y[] = {0,topcap,topcap +1};
float TARGET_COL_WIDTH[] = {BASE_COL_WIDTH[0], size.width - BASE_COL_WIDTH[0] - BASE_COL_WIDTH[2], BASE_COL_WIDTH[2]};
float TARGET_ROW_HEIGHT[] = {BASE_ROW_HEIGHT[0], size.height -
BASE_ROW_HEIGHT[0] - BASE_ROW_HEIGHT[2], BASE_ROW_HEIGHT[2]};
float TARGET_COL_X[] = {0,TARGET_COL_WIDTH[0],TARGET_COL_WIDTH[0]+TARGET_COL_WIDTH[1]};
float TARGET_ROW_Y[] = {size.height - TARGET_ROW_HEIGHT[0],
size.height - TARGET_ROW_HEIGHT[0] - TARGET_ROW_HEIGHT[1],
size.height - TARGET_ROW_HEIGHT[0] - TARGET_ROW_HEIGHT[1] - TARGET_ROW_HEIGHT[2]};
for (int row=0; row<3; row++) {
for (int col=0; col<3; col++) {
CGRect source = CGRectMake(BASE_COL_X[col], BASE_ROW_Y[row], BASE_COL_WIDTH[col], BASE_ROW_HEIGHT[row]);
CGRect target = CGRectMake(TARGET_COL_X[col], TARGET_ROW_Y[row], TARGET_COL_WIDTH[col], TARGET_ROW_HEIGHT[row]);
CGImageRef ref = CGImageCreateWithImageInRect(base, source);
CGContextDrawImage(context, target, ref);
CFRelease(ref);
}
}
CGImageRef final = CGBitmapContextCreateImage(context);
CGContextRelease(context);
return [super initWithCGImage:final key:@"stretchable"];
}
@end
相关文章推荐
- 如何让制作一个可以保持圆角的CCSprite
- 如何让制作一个可以保持圆角的CCSprite
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- arm-softfloat-linux 工具制作 as ld too old 解决方法(转载)
- 用什么方法可以在业务批量操作的时候保持原子性?例如删除多条文章,但是在中 间有一条被删除了,假设出现了错误,如何让整个操作回滚,并定位错误信息?
- 转载非常不错的页面制作方法
- 用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦!
- 不需要视频服务器,同样可以在线播放,FLV制作方法
- [转载]制作Linux启动盘的四种方法
- 可自由扩展的圆角矩形制作方法
- 【转载】cocos2d-x 字体使用方法浅析
- 圆角的制作方法
- 关于cocos2d框架的一些问题如下<转载资料有兴趣可以围观>
- (转载,但不知道谁原创)获取SPRING 代理对象的真实实例,可以反射私有方法,便于测试
- Oracle不同数据库同步Merge方法,可以部分替代高级复制。对小数据量同步问题不大。转载http://blog.chinaunix.net/u1/55091/showart_430716.html
- Photoshop-制作图片圆角2种方法[转]
- (转载)cocos2d-X学习之主要类介绍:精灵角色(CCSprite)
- 【Cocos2d-x】可以显示在线图片的CCSprite
- WPF制作带圆角的文本框的两种方法
- 【转载】用外部程序启动AutoCAD方法的研究(启动闪屏制作与CreateProcess启动操控AutoCAD探索)