UILabel文字顏色漸變

網(wǎng)絡(luò)整合的兩種方案堡距,經(jīng)驗(yàn)證有效:
效果圖如下:


效果圖

方法1:

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    NSArray *colors = @[(id)[UIColor redColor].CGColor, (id)[UIColor yellowColor].CGColor];
    
    [self functionGradientLayerWithColors:colors];
}

- (void)functionGradientLayerWithColors:(NSArray *)colors{
    
    UILabel* lbl = [[UILabel alloc] init];
    lbl.text = @"我是有漸變色的Label,快來(lái)看啊";
    lbl.font = [UIFont systemFontOfSize:23];
    [lbl sizeToFit];
    
    [self.view addSubview:lbl];
    lbl.center = CGPointMake(self.view.bounds.size.width * 0.5, self.view.bounds.size.height * 0.3);
    
    // 創(chuàng)建漸變層
    CAGradientLayer* gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = lbl.frame;
    gradientLayer.colors = colors;
    gradientLayer.startPoint = CGPointMake(0, 1);
    gradientLayer.endPoint = CGPointMake(1, 1);
    [self.view.layer addSublayer:gradientLayer];
    
    gradientLayer.mask = lbl.layer;
    lbl.frame = gradientLayer.bounds;
    
}

方法2:
先創(chuàng)建一個(gè)基于UILabel的類:JJGradientLabel
JJGradientLabel.h

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface JJGradientLabel : UILabel

@property(nonatomic, strong) NSArray* colors;

@end

JJGradientLabel.m


#import "JJGradientLabel.h"

@implementation JJGradientLabel


- (void)drawRect:(CGRect)rect
{
    CGSize textSize = [self.text sizeWithAttributes:@{NSFontAttributeName : self.font}];
    CGRect textRect = (CGRect){0, 0, textSize};
   
    // 畫(huà)文字(不做顯示用 主要作用是設(shè)置layer的mask)
    CGContextRef context = UIGraphicsGetCurrentContext();
    [self.textColor set];
    [self.text drawWithRect:rect options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : self.font} context:NULL];
    
    // 坐標(biāo) (只對(duì)設(shè)置后的畫(huà)到context起作用 之前畫(huà)的文字不起作用)
    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);// 清除之前畫(huà)的文字
   
     // 設(shè)置mask
    CGContextClipToMask(context, rect, alphaMask);
    
    // 畫(huà)漸變色

    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);
    
    // 釋放內(nèi)存
    CGColorSpaceRelease(colorSpace);
    CGGradientRelease(gradient);
    CFRelease(alphaMask);

}

@end

調(diào)用方法:

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
        
    NSArray *colors = @[(id)[UIColor redColor].CGColor, (id)[UIColor yellowColor].CGColor];
    
    [self functionGradientLabelWithColors:colors];
}


- (void)functionGradientLabelWithColors:(NSArray *)colors{
    
    JJGradientLabel* lbl = [[JJGradientLabel alloc] init];
    lbl.text = @"我是漸變色的呀呀呀呀--label";
    lbl.font = [UIFont systemFontOfSize:23];
    [lbl sizeToFit];
    lbl.colors = colors;
    
    [self.view addSubview:lbl];
    lbl.center = CGPointMake(self.view.bounds.size.width * 0.5, self.view.bounds.size.height * 0.4);
    
}

效果圖如上圖易稠。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末包蓝,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子亡电,更是在濱河造成了極大的恐慌份乒,老刑警劉巖腕唧,帶你破解...
    沈念sama閱讀 206,013評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異颂暇,居然都是意外死亡月腋,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)妓肢,“玉大人,你說(shuō)我怎么就攤上這事碉钠【砭校” “怎么了栗弟?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,370評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵乍赫,是天一觀的道長(zhǎng)陆蟆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)改鲫,這世上最難降的妖魔是什么林束? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,168評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮讲弄,結(jié)果婚禮上依痊,老公的妹妹穿的比我還像新娘怎披。我一直安慰自己,他們只是感情好性宏,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,153評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布状飞。 她就那樣靜靜地躺著,像睡著了一般酵使。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上口渔,一...
    開(kāi)封第一講書(shū)人閱讀 48,954評(píng)論 1 283
  • 那天缺脉,我揣著相機(jī)與錄音,去河邊找鬼业踢。 笑死,一個(gè)胖子當(dāng)著我的面吹牛陨亡,可吹牛的內(nèi)容都是我干的负蠕。 我是一名探鬼主播倦畅,決...
    沈念sama閱讀 38,271評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼欲账!你這毒婦竟也來(lái)了赛不?” 一聲冷哼從身側(cè)響起罢洲,我...
    開(kāi)封第一講書(shū)人閱讀 36,916評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤惹苗,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后淋纲,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體院究,經(jīng)...
    沈念sama閱讀 43,382評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡业汰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,877評(píng)論 2 323
  • 正文 我和宋清朗相戀三年蔬胯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片产场。...
    茶點(diǎn)故事閱讀 37,989評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖窿冯,靈堂內(nèi)的尸體忽然破棺而出醒串,到底是詐尸還是另有隱情,我是刑警寧澤鄙皇,帶...
    沈念sama閱讀 33,624評(píng)論 4 322
  • 正文 年R本政府宣布缠沈,位于F島的核電站,受9級(jí)特大地震影響洲愤,放射性物質(zhì)發(fā)生泄漏顷锰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,209評(píng)論 3 307
  • 文/蒙蒙 一肛宋、第九天 我趴在偏房一處隱蔽的房頂上張望悼吱。 院中可真熱鬧良狈,春花似錦笨枯、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,199評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至睦优,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間皱碘,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,418評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工隐孽, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留癌椿,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,401評(píng)論 2 352
  • 正文 我出身青樓菱阵,卻偏偏與公主長(zhǎng)得像踢俄,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子晴及,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,700評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容