初探CAGradientLayer——渐变色的实现
来源:互联网 发布:淘宝商家入住需要什么 编辑:程序博客网 时间:2024/06/07 00:55
由于项目需求要实现一个位置的视图渐变效果,去网上搜索了一些内容,在此做个记录。
具体效果如下(很简单的效果,透明渐变)
代码如下:
@interface StudentDocumentViewController ()@property (strong,nonatomic) CAGradientLayer *gradientLayer;@end- (void)setJianBian { _gradientLayer.frame = _studyPlanButton.bounds; [_studyPlanButton.layer addSublayer:_gradientLayer]; // 起始点 _gradientLayer.startPoint = CGPointMake(0, 0); // 结束点 _gradientLayer.endPoint = CGPointMake(1, 0); // 颜色分配 _gradientLayer.colors = @[(__bridge id)[Color colorWithHexColorString:@"#ffffff" andAlpha:0.5].CGColor, (__bridge id)[Color colorWithHexColorString:@"#ffffff" andAlpha:0.8].CGColor]; // 颜色分割线 _gradientLayer.locations = @[@(0.25f),@(0.5f),@(0.75f)];}
对应属性的解析:
对于layer来说自身具有一个坐标系统:
起始点和结束点就是用于确定渐变的方向
颜色数组 colors里面存放的就是渐变过程中出现的颜色,叠放顺序与渐变的方向一致。
颜色分割线表示的是颜色在Layer坐标系相对位置处要开始进行渐变颜色了。
ps:CAGradientLayer 的这四个属性 colors locations startPoint endPoint 都是可以进行动画的(有空再尝试一下)。
0 0
- 初探CAGradientLayer——渐变色的实现
- UIView 实现渐变色 CAGradientLayer
- iOS CAGradientLayer 实现渐变色
- CAGradientLayer 实现背景颜色的渐变
- CAGradientLayer实现颜色渐变
- CAGradientLayer 渐变色
- 借助 CAGradientLayer 可以设置渐变色的属性 实现苏宁易购首页导航栏的效果
- CATextLayer与CAGradientLayer实现文字渐变的动画效果
- CAGradientLayer的使用(渐变)
- OCiOS开发:CAGradientLayer 渐变色
- 使用CAGradientLayer绘制渐变色
- IOS 渐变色CAGradientLayer的一些属性解析
- CAGradientLayer 实现颜色渐变效果简介
- CAGradientLayer 实现颜色渐变效果简介
- UI -- 制作view渐变的效果CAGradientLayer
- CAGradientLayer可以方便的处理颜色渐变。
- 使用CAGradientLayer设置view的渐变效果
- IOS 渐变的图层,CAGradientLayer
- HAL层分析——初步了解HAL
- 求无向图的 边-双连通分量
- 写给自己的话
- Swift学习笔记系列——(23)泛型
- Robotium 中如何重签名
- 初探CAGradientLayer——渐变色的实现
- hdu-1814(2-SAT)
- ZOJ 1109 Language of FatMouse
- HDU - 4857 逃生(反向建图 + 拓扑排序)
- HDU 1824 Let's go home (2-SAT判定)
- Uva 12075 Counting Triangles(容斥)
- 【Android】Paint的效果研究
- codeforces 71C C. Round Table Knights(枚举)
- Python函数式编程指南(三):迭代器