美文网首页
渐变色的显示CAGradient类

渐变色的显示CAGradient类

作者: 请叫我魔法师 | 来源:发表于2017-08-05 15:41 被阅读0次

看别人代码,总能看到新的东西。比如这个渐变色。
好了。先上效果图。


AAA.png

代码:


BBB.png

主要的东西就是CAGradient类。gradient英语就是斜坡、梯度的意思。
它的属性方法没几个。
1.colors数组,存放你需要渐变色的颜色,按顺序放进数组。
2.loactions数组,默认@[0, 1],可以不对它赋值。可以当做分割线。里面的NSnumber对象个数和colors数组颜色个数一致。
3.starPoint和endPiont,字面意思就是开始点和结束点。
4.type枚举类型,其实就一个默认值,没什么可修改。

通过修改location数组和开始点结束点达到你想要的效果。

注释:其实开始点和结束点,我感觉指的是layer的锚点。(可能不是锚点,反正和锚点的数值一样)


1339729-c2ec801415d3aca9.png

锚点坐标值在0-1之间。
starPoint和endPoint相当于两个锚点组成的线段,颜色的渐变是在这个线段上线性变化。开始写的是(0,0)和(1,1)表示从左上角到右下角的渐变。
如果设置两个点分别是(0,0.5)和(1,0.5)相当于从左到右水平方向的渐变。如图


CCC.png

补充:如果需要单一颜色渐变,经过测试,可以把其中一个颜色写成白色或者灰色就能达到效果。其实就是几个颜色的混合,至于组合出啥颜色,我不懂美术也想像不出来。如果color是数组里只写一个颜色,不会显示。

EEE.png
DDD.png

相关文章

  • 渐变色的显示CAGradient类

    看别人代码,总能看到新的东西。比如这个渐变色。好了。先上效果图。 代码: 主要的东西就是CAGradient类。g...

  • CAGradientLayer

    CAGradientLayer(渐变层) 父类是CALayer 应用:需要颜色渐变效果的场景 CAGradient...

  • iOS-渐变色

    实现渐变色通常会用图片代替,本文利用CAGradientLayer类绘制渐变色

  • Flutter-渐变背景色

    创建渐变色GradientBackground类 使用方法

  • 绘制渐变色背景

    为满足设计需求,按钮背景颜色为渐变色,iOS 提供了CAGradientLayer 类来进行渐变色的设计 注意:使...

  • CAGradient梯度图层

    说明:此文不断更改内容和形式,如有不足请指正. 两个动画效果来了解一下CALayer的两个重要的subClass:...

  • 渐变色设置 约束SnapKit 不显或迟显 Frame显

    swift 习惯约束了 习惯了SnapKit 现在一个view需要渐变色 在懒加载时添加渐变色 结果不显示 于是懒...

  • iOS开发CAGradientLayer底部渐变色

    渐变色主要使用类:CAGradientLayer;先记录一下简单的列表底部渐变色效果,相关东西后续补充。 UICo...

  • ios 渐变层

    CAGradientLayer 简介 CAGradientLayer是CALayer图层类的子类,用于处理渐变色的...

  • Textview渐变色显示

    最简单的找UI做一个渐变色的图然后 和正常Textview一样使用效果

网友评论

      本文标题:渐变色的显示CAGradient类

      本文链接:https://www.haomeiwen.com/subject/xnzilxtx.html