iOS 文字渐变色的实现
项目中需要实现的效果:
![]()
实现方法:自定义CFGradientLabel继承于UILabel,实现 drawRect: 方法,在该方法里面画渐变色。
在 CFGradientLabel.h 里
#import @interface CFGradientLabel : UILabel@property (nonatomic,copy) NSArray *colors;@end
在CFGradientLabel.m 里
#import "CFGradientLabel.h"@implementation CFGradientLabel- (void)drawRect:(CGRect)rect
{CGSize textSize = [self.text sizeWithAttributes:@{NSFontAttributeName : self.font}];CGRect textRect = (CGRect){0, 0, textSize};// 画文字(不做显示用,主要作用是设置layer的mask)CGContextRef context = UIGraphicsGetCurrentContext();[self.textColor set];[self.text drawWithRect:rect options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : self.font} context:NULL];// 坐标CGContextTranslateCTM(context, 0.0f, rect.size.height- (rect.size.height - textSize.height)*0.5);CGContextScaleCTM(context, 1.0f, -1.0f);CGImageRef alphaMask = NULL;alphaMask = CGBitmapContextCreateImage(context);CGContextClearRect(context, rect);// 清除之前画的文字// 设置maskCGContextClipToMask(context, rect, alphaMask);// 画渐变色CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef)self.colors, NULL);CGPoint startPoint = CGPointMake(textRect.origin.x,textRect.origin.y);CGPoint endPoint = CGPointMake(textRect.origin.x + textRect.size.width,textRect.origin.y + textRect.size.height);CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, kCGGradientDrawsBeforeStartLocation | kCGGradientDrawsAfterEndLocation);// 释放内存CGColorSpaceRelease(colorSpace);CGGradientRelease(gradient);CFRelease(alphaMask);
}@end
创建渐变色label:
CFGradientLabel *gradientLbl = [[CFGradientLabel alloc] init];[self.view addSubview:gradientLbl];[gradientLbl mas_makeConstraints:^(MASConstraintMaker *make) {make.left.equalTo(addNumLbl.mas_right).offset(1);make.centerY.equalTo(addNumLbl.mas_centerY);}];gradientLbl.text = @"(确定后无法更改)";gradientLbl.font = FONT(13);gradientLbl.colors = @[(id)RGB(254, 42, 61).CGColor,(id)RGB(255, 198, 21).CGColor];gradientLbl.layer.masksToBounds = YES;
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
