iOS Swift 实现渐变色+封装 CAGradientLayer

最新推荐文章于 2021-08-05 17:25:18 发布
VIP文章 最新推荐文章于 2021-08-05 17:25:18 发布
阅读量895 收藏 1
点赞数
分类专栏： iOS Swift
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28323373/article/details/103193311
版权

不说废话，线上效果和调用

效果：实现随意View对象实例的简单创建、去除、修改渐变色

import UIKit

class TestViewController: UIViewController {
   

    override func viewDidLoad() {
   
        super.viewDidLoad()
        configure()
    }
    
    private func configure() {
   
        _ = view
        .gradientSize(CGSize(width: screenWidth, height: screenHeight))
        .gradientColors([E_Color.THEME_COLOR_1, E_Color.THEME_COLOR_2, E_Color.THEME_COLOR_3,E_Color.THEME_COLOR_4, E_Color.THEME_COLOR_5])
        .gradientLocations([0, 0.25, 0.5, 0.75, 1.0])
        .gradientStart(CGPoint(x:
最低0.47元/天 解锁文章
>>> Eugene >>>
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第2章第19节：如何将颜色、渐变、图片和图形作为视图的背景 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-03 218
本节课演示如何将颜色、渐变、图片和图形这些元素，作为视图的背景。 首先设置文本视图的字体，增加文字的尺寸。 接着增加文本视图的内边距，以更加清楚的观察各种背景的视觉效果。 使用橙色作为文本视图的背景颜色，并观察右侧预览窗口的变化。 接着使用一个图像视图，作为文本视图的背景。 调用图像视图的可调整大小方法，使图像视图适配文本视图的显示区域。 使用线性样式的渐变，作为文本视图的背景。渐变的起始颜色为橙色，结束颜色为紫色。渐变线的起点位于文本视图的左上角，结束点位于文本视图..
swift 两种渐变色背景写法
IOS开发工程师--周玉的博客
09-14 3570
func setGradualChangColor(frame: CGRect, startColorString: String, endColorString: String) -> CAGradientLayer { let gradientLayer = CAGradientLayer() gradientLayer.frame = frame...
Swift-Core Graphics绘图框架详解3（绘制渐变、填充渐变色）
雨夜枫起的博客
11-29 2490
Quartz 2D 的渐变方式分为如下两种： 线性渐变：渐变色以直线方式从开始位置逐渐向结束位置渐变放射性渐变：以中心点为圆心从起始渐变色向四周辐射，直到终止渐变色 使用中我们可以直接绘制一个渐变，也可以将渐变填充到现有的图形路径上。下面通过样例分别进行演示。 一、渐变的绘制  1，绘制线性渐变 import UIKit  
Swift给View加上渐变色
czq1993的博客
11-13 2220
怎么给view添加渐变色： 我们来创建一个View的扩展 extension UIView { //Colors：渐变色色值数组 func setLayerColors(_ colors:[CGColor]) { let layer = CAGradientLayer() layer.frame = bounds layer.colors...
[Swift]绘制渐变色
Gamin
08-05 1318
demo:https://download.csdn.net/download/u012881779/20721788 示意图: import Foundation import UIKit class GradientVC: UIViewController { @IBOutlet weak var butOne: GradientCustomButton! @IBOutlet weak var viewTwo: UIView! ..
【Swift 3.0】根据颜色生成图片
Emperor_huanzi 的博客
02-27 785
func imageForColor(colorLiteralRed: Float, green: Float, blue: Float) -> UIImage { let rect = CGRect(x: 0, y: 0, width: 1, height: 1) // 在这个范围开启一个上下文 UIGraphicsBeginImageContext
根据颜色生成图片 Swift
weixin_42012181的博客
03-13 1269
func imageFromColor(color: UIColor, viewSize: CGSize) -> UIImage{ let rect: CGRect = CGRect(x: 0, y: 0, width: viewSize.width, height: viewSize.height) UIGraphicsBeginI...
swift中代码生成纯色图片
番薯大佬的专栏
06-16 2834
使用自定义的颜色生成图片 class func imageWithColor(color:UIColor) -> UIImage { let rect = CGRect(x: 0.0, y: 0.0, width: 1.0, height: 1.0) UIGraphicsBeginImageContext(rect.size) let contex
Swift3 颜色转换成图片Image
weixin_34249367的博客
04-10 131
Swift3下的转换写法： /// 将颜色转换为图片 /// /// - Parameter color: <#color description#> /// - Returns: <#return value description#> class func getImageWithColor(color:UIColor)-&...
swift-给UIView或UIImage高性能添加圆角生成渐变色图片等
08-15
给 UIView 或 UIImage 高性能添加圆角，生成渐变色图片等
swift-渐变色圆环loading
08-15
渐变色圆环loading
swift-UIImage分类包含根据颜色生成图片等功能
08-15
UIImage分类，包含根据颜色生成图片等功能
iOS中利用CAGradientLayer绘制渐变色的方法实例
08-28
有时候iOS开发中需要使用到渐变色，来给图片或者view盖上一层，使其显示效果更好，所以这篇文章主要给大家介绍了关于iOS中利用CAGradientLayer绘制渐变色的相关资料，文中通过示例代码介绍的非常详细，需要的朋友...
iOS渐变圆环旋转动画CAShapeLayer CAGradientLayer
01-04
iOS渐变圆环旋转动画CAShapeLayer CAGradientLayer shape.gif demo.png - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. CALayer *...
总结iOS实现渐变颜色的三种方法
09-01
主要给大家总结了iOS实现渐变颜色的三种方法，分别是利用CAGradientLayer实现渐变、Core Graphics相关方法实现渐变以及用CAShapeLayer作为layer的mask属性实现，大家可以根据自己的需要选择使用，下面来一起看看吧。
iOS编程——Swift实现一个不断渐变的圆环
梁山伯与伏地魔的博客
07-26 1376
今天看了一位大牛的博客，试着写了一个不断渐变的圆环，如果理解了可以做弧形、直线等其他形状的颜色渐变进度条。 1.声明所用变量，用了两个数组colorArray来显示 颜色渐变的过渡动画。（swift数组的copy没找到。。。。先那样代替吧） import UIKit class CustomProgessView: UIView { let duration = 2.0
[Swift通天遁地]五、高级扩展-(5)获取互补色、渐变色、以及图片主题颜色
weixin_30449239的博客
01-07 175
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号：山青咏芝（shanqingyongzhi）➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）➤GitHub地址：https://github.com/strengthen/LeetCode➤原文地址：https://www.cnblogs.com/streng...
Swift渐变色
iOS攻城狮
06-01 3049
1 view 颜色渐变 1.1 效果如下: 1.2 代码: let thisView = UIView(frame: CGRect(x: 100, y: 100, width: 300, height: 10)) view.addSubview(thisView) let gradientLayer = CAGradientLayer() gradientLayer.frame = thisView.bounds this
swift 自定义画渐变色折线图
fwjzm的专栏
03-29 2158
============================================================================================================== ==========  以下是自定义折线图的类  ======================= ====================================
ios按钮背景渐变色OC代码实现
最新发布
08-19
### 回答1： 可以使用以下代码来实现 iOS 按钮的背景渐变色：CAGradientLayer *gradient = [CAGradientLayer layer]; gradient.frame = self.btn.bounds; gradient.colors = [NSArray arrayWithObjects:(id)[[UIColor whiteColor] CGColor], (id)[[UIColor blackColor] CGColor], nil]; [self.btn.layer insertSublayer:gradient atIndex:0]; ### 回答2： iOS按钮背景渐变色可以通过以下步骤使用OC代码实现： 1. 导入渐变色所需的头文件： ```objc #import <QuartzCore/QuartzCore.h> ``` 2. 创建按钮： ```objc UIButton *myButton = [[UIButton alloc] initWithFrame:CGRectMake(50, 50, 200, 50)]; [self.view addSubview:myButton]; ``` 3. 创建渐变色图层： ```objc CAGradientLayer *gradient = [CAGradientLayer layer]; gradient.frame = myButton.bounds; ``` 4. 设置渐变色图层的颜色： ```objc gradient.colors = @[(id)[UIColor redColor].CGColor, (id)[UIColor blueColor].CGColor]; ``` 5. 设置渐变色方向： ```objc // 横向渐变 gradient.startPoint = CGPointMake(0, 0.5); gradient.endPoint = CGPointMake(1, 0.5); // 纵向渐变 // gradient.startPoint = CGPointMake(0.5, 0); // gradient.endPoint = CGPointMake(0.5, 1); ``` 6. 将渐变色图层添加到按钮的背景图层中： ```objc [myButton.layer insertSublayer:gradient atIndex:0]; ``` 7. 最后，可以给按钮设置一些其他属性，如标题、字体等： ```objc [myButton setTitle:@"渐变按钮" forState:UIControlStateNormal]; [myButton.titleLabel setFont:[UIFont systemFontOfSize:17]]; [myButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; ``` 通过以上步骤，即可通过OC代码实现iOS按钮的背景渐变色效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值