美文网首页
绘制渐变色背景

绘制渐变色背景

作者: 做个有趣的程序员 | 来源:发表于2018-06-01 15:07 被阅读0次

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

//layer进行渐变色设置
    func nextBtnCagradientLayer() {
        let btnLayer = CAGradientLayer.drawNextBtnGraduateColor(fromColor: "F73E46", toColor: "FBB13E")
        btnLayer.frame = nextBtnEnabel.bounds
        nextBtnEnabel.layer.insertSublayer(cagradientLayer,at: 1)
    }
class func drawNextBtnGraduateColor(fromColor:String,toColor:String)->CAGradientLayer{
        let gradentLayer = CAGradientLayer()
        //创建渐变色数组,转换为CGColor
        gradentLayer.colors = [UIColor.hexStringToColor(hexString:fromColor).cgColor,UIColor.hexStringToColor(hexString: toColor).cgColor]
        gradentLayer.startPoint = CGPoint.init(x: 0, y: 0)
        gradentLayer.endPoint = CGPoint.init(x: 1, y: 0)
        //设置颜色变化点,取值范围 0.0~1.0
        gradentLayer.locations = [0,1]
        return gradentLayer
}

注意:使用SnpKit约束控件进行渐变色设置无效,设置控件的frame才能绘制出渐变色

相关文章

  • 绘制渐变色背景

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

  • CoreGraphics,创建半圆有阴影渐变色背景图片

    一、创建椭圆path 绘制水平渐变渐变色 创建一个渐变背景,有阴影的按钮

  • iOS绘制渐变色背景

    iOS实现颜色渐变 我们在平时开发经常就用一个图片来代替背景图,但是如果没有背景图片,怎么实现下面的效果?今天的这...

  • iOS渐变色背景绘制

    一直绘图这方面知识就记的不牢固,每次画完过段时间又给忘了怎么画咯,最近需要画下渐变色,特此记录下。 一、使用CAG...

  • iOS 设置渐变色圆角边框

    iOS 设置渐变色圆角边框 *如下需求图,使用背景图片很难达到很好的效果 *就需要使用代码来绘制渐变色圆角边框

  • 控件背景样式汇总

    圆角背景 渐变色背景 TextView文字渐变色 圆形背景

  • CAlayer子类之CAGradientLayer(实现渐变色

    一看就懂demo下载地址:github CAGradientLayer,文档介绍很简单,在背景色上绘制渐变色,填...

  • iOS 渐变色水波纹

    因项目需求封装了一个带有渐变色水波视图,水波视图相信大家可以在网上搜到很多,但是绘制一个波浪是渐变色的,且背景也可...

  • CALayer

    CAGradientLayer 渐变色遮罩 CAGradientLayer用来绘制渐变色,指定几个颜色值、渐变结束...

  • iOS-渐变色

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

网友评论

      本文标题:绘制渐变色背景

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