ios 文字渐变色实现的两种方法

前段时间我写过一个文字渐变色的demo, 最近又在网上看到一个新的设置文字渐变色的方法, 就把这两种方法分享出来吧, 我认为应该还有好多种方法, 以后看到后再补充.

效果图:

  其实这两种方法实现原理及思路是差不多的, 只是使用的类和方法不一样.

  (一)_ 自定义label, 实现 drawRect 方法, 在该方法里面画渐变色

    思路: 1)_ 把label的文字画到context上去(画文字的作用主要是设置 layer 的mask)

      CGContextRef context = UIGraphicsGetCurrentContext();

         [self.textColor set];

         [self.text drawWithRect:rect options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName :       self.font} context:NULL];

       2)_ 设置mask : CGContextClipToMask(context, rect, alphaMask); 并清除文字

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);// 清除之前画的文字

    CGContextClipToMask(context, rect, alphaMask);

       3)_ 翻转坐标, 画渐变色

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);

 

  (二)_ 不需要自定义label, 利用 CAGradientLayer 设置渐变图层

    思路: 1)_ 新建label, 把label添加到view上(这个label图层作用也只是设置mask, 不用来显示)

        2)_ 创建 CAGradientLayer, 设置其渐变色, 将其添加到 label 的superView的layer上, 并覆盖在label上

        3)_ 设置 gradientLayer的mask为 label的layer 重新设置label的frame

 

  具体详细代码已经写成demo 上传到github(点击查看)

参考: 文字渐变效果:图层中的mask属性

转载于:https://www.cnblogs.com/yuchuanfeng/p/4682339.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值