zoukankan      html  css  js  c++  java
  • 文字的动态变色,

    看到一个公众号班车的验票码,就是用的文字的动态的改变颜色,就好奇的捣腾了一下,

    //http://www.jb51.net/article/94647.htm
    /**
     实现思路如下
     一、创建一个颜色渐变层,渐变图层跟文字控件一样大。
     二、用文字图层裁剪渐变层,只保留文字部分,就会让渐变层只保留有文字的部分,相当于间接让渐变层显示文字,我们看到的其实是被裁剪过后,渐变层的部分内容。
     注意:如果用文字图层裁剪渐变层,文字图层就不在拥有显示功能,这个图层就被弄来裁剪了,不会显示,在下面代码中也会有说明。
     2.1 创建一个带有文字的label,label能显示文字。
     2.2 设置渐变图层的mask为label图层,就能用文字裁剪渐变图层了。
     三、mask图层工作原理:
     1.根据透明度进行裁剪,只保留非透明部分,显示底部内容。
     */
    #import "ViewController.h"
    
    @interface ViewController ()
    
    @property(nonatomic,strong) CAGradientLayer * gradientLayer;
    
    @end
    #define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0]
    @implementation ViewController
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view, typically from a nib.
    //    疑问:label只是用来做文字裁剪,能否不添加到view上。
        // 必须要把Label添加到view上,如果不添加到view上,label的图层就不会调用drawRect方法绘制文字,也就没有文字裁剪了。
        // 如何验证,自定义Label,重写drawRect方法,看是否调用,发现不添加上去,就不会调用
        UILabel *label = [[UILabel alloc] init];
        label.text = @"随机颜色";
        label.font = [UIFont systemFontOfSize:40];
        [label sizeToFit];
        label.center = CGPointMake(200, 100);
        [self.view addSubview:label];
        
        CAGradientLayer *gradientLayer = [CAGradientLayer layer];
        _gradientLayer = gradientLayer;
        gradientLayer.frame = label.frame;
        gradientLayer.colors = @[(id)UIColorFromRGB(0x19998c).CGColor,
                                  (id)UIColorFromRGB(0xf65326).CGColor,
                                  (id)UIColorFromRGB(0x1d1b1a).CGColor,
                                  ];
        // 疑问:渐变层能不能加在label上
        // 不能,mask原理:默认会显示mask层底部的内容,如果渐变层放在mask层上,就不会显示了
    
        gradientLayer.startPoint = label.frame.origin;
        gradientLayer.endPoint = CGPointMake(label.bounds.size.width+label.frame.origin.x, label.frame.origin.y+label.bounds.size.height);
        gradientLayer.locations = @[@.5,@1];
        [self.view.layer addSublayer:gradientLayer];
        gradientLayer.mask = label.layer;
        label.frame = gradientLayer.bounds;
        NSTimer *timer  = [NSTimer scheduledTimerWithTimeInterval:0.15 target:self selector:@selector(timereplace:) userInfo:nil repeats:YES];
        
        [timer fire];
        
    }
    
    -(void)timereplace:(NSTimer *)timer{
        
        _gradientLayer.colors = @[(id)[self randomColor].CGColor,
                                  (id)[self randomColor].CGColor,
                                  (id)[self randomColor].CGColor];
    
    }
    
     -(UIColor *)randomColor{
         
         CGFloat r = arc4random_uniform(256) / 255.0;
         CGFloat g = arc4random_uniform(160) / 255.0;
         CGFloat b = arc4random_uniform(150) / 255.0;
         return [UIColor colorWithRed:r green:g blue:b alpha:1];
     }
    
    
    @end
    

     

  • 相关阅读:
    ajax的原理及实现方式
    在linux中添加环境变量
    ftp简单命令
    linux命令之scp
    java中创建对象的方法
    10个调试技巧
    java读取.properties配置文件的几种方法
    Java对象和XML转换
    Java Float类型 减法运算时精度丢失问题
    Java内存分配全面浅析
  • 原文地址:https://www.cnblogs.com/liuwenqiang/p/6391268.html
Copyright © 2011-2022 走看看