美文网首页
超简单的View渐变色设置代码

超简单的View渐变色设置代码

作者: 沬日十七 | 来源:发表于2018-03-31 15:06 被阅读0次

 为按钮oneKeyButton设置渐变色

 CAGradientLayer *colorLayer = [CAGradientLayer layer];

1、//设置图层的frame 与button的大小一致

    colorLayer.frame    =CGRectMake(0,0,SCREEN_WIDTH-(38+26)*2,40);

2、设置起始色值和结束色值放入数组

    colorLayer.colors=@[(__bridgeid)UIColorFromRGB(0x5AB8F3).CGColor,

                          (__bridgeid)UIColorFromRGB(0x2D82E3).CGColor];

3、设置起始和结束为止   

    colorLayer.startPoint=CGPointMake(0,0.5);// 0,0.5 代表开始位置为左侧中间

    colorLayer.endPoint  =CGPointMake(1,0.5);//1,0.5 代表结束位置为右侧中间  

官方注释:0  代表左 或者下 0.5代表中间 1代表右或者上   实际可以根据效果来调整  

以上变化为  从左往右颜色变深如图:

效果图

4、设置圆角并将layer添加到button上完工

    colorLayer.cornerRadius=20;

     [self.oneKeyButton.layeraddSublayer:colorLayer];

相关文章

网友评论

      本文标题:超简单的View渐变色设置代码

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