iOS-渐变色

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

// 创建view

   UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 100, [UIScreen mainScreen].bounds.size.width, 200)];
   view.layer.cornerRadius = 10;
   view.layer.masksToBounds = YES;
   [self.view addSubview:view];
   
   //初始化CAGradientlayer对象,使它的大小为UIView的大小

   CAGradientLayer *gradientLayer = [CAGradientLayer layer];
   gradientLayer.frame = view.bounds;

   //将CAGradientlayer对象添加在我们要设置背景色的视图的layer层
   [view.layer addSublayer:gradientLayer];
   
   //设置渐变区域的起始和终止位置(范围为0-1)startPoint & endPoint设置为(0,0)(1.0,0)代表水平方向渐变,(0,0)(0,1.0)代表竖直方向渐变
   gradientLayer.startPoint = CGPointMake(0, 0);
   gradientLayer.endPoint = CGPointMake(1, 0);

   //设置颜色数组
   gradientLayer.colors = @[(__bridge id)[UIColor blueColor].CGColor,
                            (__bridge id)[UIColor redColor].CGColor];

   //设置颜色分割点(范围:0-1)
   gradientLayer.locations =  @[@(0.0f), @(1.0f)];
屏幕快照 2017-12-21 下午4.44.48.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 实现方式 iOS实现控件背景颜色渐变实现方式,我所知道的目前有三种。第一种:用图片代替,简单直接在控件上面放一张渐...
    雨洒潇湘阅读 2,869评论 0 10
  • 最近渐变色的UI设计越来越多的被采用,所以玩一下记录一下。 这里使用的是CAGradientLayer(梯度渐变图...
    吴虎虎_zzz阅读 3,984评论 1 14
  • 近期某设计师喜欢上了用渐变色的背景. 发现Pokemon Go当中也使用了很多渐变色,觉得很喜欢Pokemon G...
    KenZhangCn阅读 2,461评论 2 16
  • 简介 CAGradientLayer是CALayer的一个子类,是一个可以设置渐变色的图层,我们所设置的渐变色会覆...
    JerryLMJ阅读 13,344评论 7 27
  • 今天写app的时候,看着一个app的背景甚是喜欢,开始以为是背景图片。于是打开解app包后发现,背景不是图片,而是...
    Marc丶阅读 269评论 0 0