zoukankan      html  css  js  c++  java
  • CAGradientLayer 颜色渐变

    CAGradientLayer可以方便的处理颜色渐变。

    Properties:

    @property(copy) NSArray *colors

    渐变颜色的数组

     

    [cpp] view plaincopy
     
     
    1. [NSArray arrayWithObjects:(id)[[[UIColor blackColor] colorWithAlphaComponent:1] CGColor],  
    2.                           (id)[[[UIColor yellowColor] colorWithAlphaComponent:1] CGColor],  
    3.                           (id)[[[UIColor blueColor] colorWithAlphaComponent:1] CGColor],  
    4.                   (id)[[UIColor clearColor] CGColor],  
    5.               nil];  


    如上定义了四种颜色(最后一种是无色)。

     

    @property(copy) NSArray *locations

    渐变颜色的区间分布,locations的数组长度和color一致,这个值一般不用管它,默认是nil,会平均分布。

     

    [cpp] view plaincopy
     
     
    1. [NSArray arrayWithObjects:[NSNumber numberWithFloat:0.0],  
    2.                           [NSNumber numberWithFloat:0.3],  
    3.                           [NSNumber numberWithFloat:0.8],  
    4.                           [NSNumber numberWithFloat:1.0],  
    5.                           nil];  

    注意这几个数字在0到1之间单调递增。

     

    @property CGPoint startPoint

    映射locations中第一个位置,用单位向量表示,比如(0,0)表示从左上角开始变化。默认值是(0.5,0.0)。

     

    @property CGPoint endPoint

    映射locations中最后一个位置,用单位向量表示,比如(1,1)表示到右下角变化结束。默认值是(0.5,1.0)。

    @property(copy) NSString *type

    默认值是kCAGradientLayerAxial,表示按像素均匀变化。除了默认值也无其它选项。

    下面是我用上面的代码实现的最终效果,startPoint是(0,0),endPoint是(1,1)。

  • 相关阅读:
    jQuery 选择器
    DOM 文档对象模型+倒计时
    javascript简单写出国际象棋棋盘
    javascript循环语句及函数
    JAVASCRIPT基础
    用纯CSS做的图片切换
    项目练习总结
    用CSS做的简单弹窗
    CSS布局元素
    jQuery属性/CSS使用例子
  • 原文地址:https://www.cnblogs.com/gaoxiao228/p/2889873.html
Copyright © 2011-2022 走看看