iOS 渐变色

最新推荐文章于 2024-07-03 17:27:53 发布
最新推荐文章于 2024-07-03 17:27:53 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： ios 文章标签： ios 渐变色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011367651/article/details/46970715
版权
本文介绍了在iOS中如何利用CAGradientLayer创建渐变色效果，探讨了不能直接在imageView上用CAGradientLayer作为图片背景的问题，并提出通过colorWithPatternImage方法结合渐变色实现背景的解决方案。
摘要由CSDN通过智能技术生成

可以直接使用CAGradientLayer来实现渐变色。（android有各种drawable，iOS有各种layer。）

CAGradientLayer * layer = [CAGradientLayer layer];
layer.frame = self.bounds;
UIColor * startColor = [UIColor clearColor];
UIColor * endColor = [UIColor redColor];
layer.colors = [NSArray arrayWithObjects:(id)startColor.CGColor, (id)endColor.CGColor,nil];
[self.layer addSublayer:layer];
不过，对于系统已定义的控件，如UIImageView,image是画在imageView.layer，而新的layer必定是加在原layer的上面。

所以，想在imageView上面直接使用CAGradientLayer作为图片背景，是不可能实现的。


系统为UIColor提供了一个方法，colorWithPatternImage。结合这个方法，我们可以玩出一些花样。下面的代码直接从Chameleon这个类库中复制的。

+ (UIColor *)colorWithGradientStyle:(UIGrad
最低0.47元/天 解锁文章
xxdzyyh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS小技能： 创建渐变色背景（提供渐变色无法覆盖整个视图的解决方案）
iOS逆向与安全
02-17 1万+
前言 效果 code 创建渐变色背景图片 //#define QCT_DetailOrder_start_COLOR rgb(236,90,85) //#define QCT_DetailOrder_end_COLOR rgb(214,50,44) + (UIImage*)getDetailOrderStateMaingradientColorImage{ CGSize size = ...
ios 渐变色
a787188834的专栏
10-13 642
UIView *view = [[UIView alloc] init]; view.frame = CGRectMake(587,60,71,19.5); view.backgroundColor = [UIColor colorWithRed:74/255.0 green:83/255.0 blue:90/255.0 alpha:1]; CAGradientLayer *gl = [CAG...
iOS 视图实现渐变色背景
最新发布
我的的博客
07-03 927
在 iOS 中，如果设置视图单一的背景色，是很简单的。注意这里的坐标：[0, 0] 代表的是图层的左上角，[1, 1] 代表的算是右下角。苹果的代码文档中说的是错误的，注释中的是 macOS 的坐标系统，stackoverflow 上的相关问题。locations 中的每一个值，指定的是在渐变方向上每一个渐变停止的位置。绿色是从左上角 (0, 0) 开始渐变，红色是截止到 (0.5, 0.5) 不再渐变，右下部分的红色都是纯红色的。目的是要实现视图的自定义的渐变背景色，实现一个能够随时使用的工具。
iOS设置渐变色
AlureLove的博客
12-10 2604
一、背景 最近的需求开发中有需要给一个label的背景色设为渐变色，谷歌了众多答案后，基本都是使用CAGradientLayer 进行设置的，具体方法可以自行搜索，有很多很详细的文章。但是，这种设置有一个问题，那就是这种方法设置渐变色，本质是对layer的设置，如果是对button这种内部层级比较多得控件，那是比较好处理，如果是label这种层级比较单一的控件，会发现，设置以后并不会生效，如果强行将此layer插入到最上层，那么label上的text就不会显示出来了，这显然不是我们想要的效果。 二、神奇的c
iOS开发之颜色渐变
YouAreUmbrella的博客
09-14 3026
iOS开发之颜色渐变
【iOS】设置背景渐变色
m0_63852285的博客
03-05 2464
重写此方法，执行重绘任务标记为需要重绘，异步调用drawRect标记为需要局部重绘。
iOS 技术篇:渐变色的简单实现方式
weixin_34336292的博客
06-22 520
实现效果 //渐变设置 UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0,100, [UIScreen mainScreen].bounds.size.width, 100)]; UIColor *colorOne = [UIColor colorWithRed:255.0/255.0 green:...
iOS UIView设置背景渐变色
vkooy的博客
11-10 857
drawRect函数主要负责iOS的绘图操作，程序会自动调用此方法进行绘图。我在这个函数中绘制渐变背景色。方法定义：重写此方法，执行重绘任务标记为需要重绘，异步调用drawRect标记为需要局部重绘调用机制：系统自动调用，在Controller->viewDidLoad之后。但是如果在UIView初始化时没有设置rect大小，将直接导致drawRect不被自动调用。
iOS 渐变色View
RollingPin的博客
07-02 840
通过 CAGradientLayer 实现 UIView * gradationView = [[UIView alloc]initWithFrame:CGRectMake(100, 100, 100, 50)]; [self.view addSubview:gradationView]; CAGradientLayer *gradientLayer = [CAGradientLayer layer]; gradientLayer.frame = gradationView.bounds; //
总结iOS实现渐变颜色的三种方法
09-01
主要给大家总结了iOS实现渐变颜色的三种方法，分别是利用CAGradientLayer实现渐变、Core Graphics相关方法实现渐变以及用CAShapeLayer作为layer的mask属性实现，大家可以根据自己的需要选择使用，下面来一起看看吧。
ios-自定义带有渐变色的波浪动画.zip
07-11
1、波纹动画主要依赖于CAShapeLayer的绘制，使用帧动画实现；需要使用多个CAShapeLayer通过y值变换组成（这里我只是用了2个CAShapeLayer）。 2、渐变色由CAGradientLayer完成。 ``` - (void)changeFirstWaveLayerPath { CGMutablePathRef path = CGPathCreateMutable(); CGFloat y = _wavePointY; CGPathMoveToPoint(path, nil, 0, y); for (float x = 0.0f; x <= _waveWidth; x ) { y = _waveAmplitude * 1.6 * sin((250 / _waveWidth) * (x * M_PI / 180) - _waveOffsetX * M_PI / 270) _wavePointY; CGPathAddLineToPoint(path, nil, x, y); } CGPathAddLineToPoint(path, nil, _waveWidth, 0); CGPathAddLineToPoint(path, nil, 0, 0); CGPathCloseSubpath(path); _shapeLayer1.path = path; CGPathRelease(path); } - (void)changeSecondWaveLayerPath { CGMutablePathRef path = CGPathCreateMutable(); CGFloat y = _wavePointY; CGPathMoveToPoint(path, nil, 0, y); for (float x = 0.0f; x <= _waveWidth; x ) { y = _waveAmplitude * 1.6 * sin((250 / _waveWidth) * (x * M_PI / 180) - _waveOffsetX * M_PI / 180) _wavePointY; CGPathAddLineToPoint(path, nil, x, y); } CGPathAddLineToPoint(path, nil, _waveWidth, 0); CGPathAddLineToPoint(path, nil, 0, 0); CGPathCloseSubpath(path); _shapeLayer2.path = path; CGPathRelease(path); } ``` 方法调用： ``` _waveOffsetX = _waveSpeed; [self changeFirstWaveLayerPath]; [self changeSecondWaveLayerPath]; [self.layer addSublayer:self.gradientLayer1]; self.gradientLayer1.mask = _shapeLayer1; [self.layer addSublayer:self.gradientLayer2]; self.gradientLayer2.mask = _shapeLayer2; ```
ios-彻底解决导航栏背景颜色渐变问题.zip
07-11
能够将渐变色转化为图片，有几种type供使用
iOS实现渐变色背景（两种方式实现）
weixin_34189116的博客
12-27 2326
之前做过类似的功能，现在记录一下，来来来。。。   效果图： 说明=========================== 方法1: 说明：无返回值 用法：直接调用方法。原理是在view的layer层添加。   方法2: 说明：先返回一个Image，再使用 用法：若是image背景，直接使用，若是color背景，用 [UIColor colorWithPatternImage...
ios绘制渐变色图片
BianHuanShiZhe的专栏
05-17 589
@param gradientType 渐变的方式：0:水平渐变 1:竖直渐变 2:向下对角线渐变 3:向上对角线渐变。* @param bounds UIImage的bounds。* @param colors 渐变色数组，可以设置两种颜色。* @return 渐变色的UIImage。* 绘制渐变色的矩形UIImage。
iOS 给视图设置渐变色，同时给边框设置渐变色
liubo的博客
04-30 1023
【代码】iOS 给视图设置渐变色，同时给边框设置渐变色。
iOS学习-实现view的渐变色
qq_43441647的博客
02-21 614
iOS学习-实现view的渐变色
iOS uiview渐变色
10-17
可以通过CAGradientLayer实现UIView的渐变色效果。具体实现步骤如下： 1. 创建CAGradientLayer对象，并设置其frame和colors属性。 2. 将CAGradientLayer对象添加到需要渐变色效果的UIView的layer中。 3. 如果需要设置渐变色的方向，可以设置CAGradientLayer对象的startPoint和endPoint属性。 示例代码如下： ``` // 创建CAGradientLayer对象 CAGradientLayer *gradientLayer = [CAGradientLayer layer]; gradientLayer.frame = self.view.bounds; gradientLayer.colors = @[(__bridge id)[UIColor redColor].CGColor, (__bridge id)[UIColor blueColor].CGColor]; // 设置渐变色方向 gradientLayer.startPoint = CGPointMake(0, 0); gradientLayer.endPoint = CGPointMake(1, 1); // 将CAGradientLayer对象添加到UIView的layer中 [self.view.layer addSublayer:gradientLayer]; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值