UILabel文字发光效果

新手自定义学习UILabel文字发光效果

分类： 新手自定义 2012-09-17 23:17  565人阅读  评论(0)  收藏  举报

最近项目中经常有文字放光效果的UI，特意在网路上找了下，开始是在code4app中找到一个，但是是不是的会出现不出现光晕的bug，在寻找找到了cocoachina会员hxy060799分享的GlowLabel，效果不错，特意写了注释贴出来，以防他日忘记。

1、新建一个基于UILabel的子类

2、在这个子类中定义red、green、blue三个颜色值变量和一个发光光晕范围变量size。

3、复写UILable的drawTextInRect方法，并使用CGContextRef来进行光晕效果绘制。

基本思路就是这样子了，下面是部分主要代码：

.h文件

[cpp]  view plain copy

1. //创建UILable的子类 GlowLable  
2. @interface GlowLabel : UILabel  
3.   
4.   
5. //定义颜色值全局变量和放大值全局变量  
6. @property(assign,nonatomic)float redValue;  
7. @property(assign,nonatomic)float greenValue;  
8. @property(assign,nonatomic)float blueValue;  
9. @property(assign,nonatomic)float size;  
10.   
11. @end  

.m文件

[cpp]  view plain copy

1. @implementation GlowLabel  
2.   
3. @synthesize redValue;  
4. @synthesize greenValue;  
5. @synthesize blueValue;  
6. @synthesize size;  
7.   
8. -(id) initWithFrame: (CGRect)frame {  
9.     if ((self = [super initWithFrame:frame])) {  
10.         //变量初始化  
11.         redValue = 0.0f;  
12.         greenValue = 0.50f;  
13.         blueValue = 1.0f;  
14.         size=20.0f;  
15.     }  
16.     return self;  
17. }  
18.   
19. //重写UILable类的drawTextInRect方法  
20. -(void) drawTextInRect: (CGRect)rect {  
21.     //定义阴影区域  
22.     CGSize textShadowOffest = CGSizeMake(0, 0);  
23.     //定义RGB颜色值  
24.     float textColorValues[] = {redValue, greenValue, blueValue, 1.0};  
25.       
26.     //获取绘制上下文  
27.     CGContextRef ctx = UIGraphicsGetCurrentContext();  
28.     //保存上下文状态  
29.     CGContextSaveGState(ctx);  
30.       
31.     //为上下文设置阴影  
32.     CGContextSetShadow(ctx, textShadowOffest, size);  
33.     //设置颜色类型  
34.     CGColorSpaceRef textColorSpace = CGColorSpaceCreateDeviceRGB();  
35.     //根据颜色类型和颜色值创建CGColorRef颜色  
36.     CGColorRef textColor = CGColorCreate(textColorSpace, textColorValues);  
37.     //为上下文阴影设置颜色，阴影颜色，阴影大小  
38.     CGContextSetShadowWithColor(ctx, textShadowOffest, size, textColor);  
39.       
40.     [super drawTextInRect:rect];  
41.       
42.       
43.     //释放  
44.     CGColorRelease(textColor);  
45.     CGColorSpaceRelease(textColorSpace);  
46.       
47.     //重启上下文  
48.     CGContextRestoreGState(ctx);  
49. }  
50.   
51.   
52. @end  

最终效果：