[iOS]实现UIView的背景渐变
2017-04-06 10:05
267 查看
我们经常需要把UIView的背景色设置为渐变色,虽然找一张渐变的背景图很方便,但是图片是要占用资源的,所以我们最好使用代码来实现效果。
我们使用的是CAGradientLayer来实现这个效果。
上代码
[code] //实现背景渐变 //初始化我们需要改变背景色的UIView,并添加在视图上 self.theView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 200)]; [self.view addSubview:self.theView]; //初始化CAGradientlayer对象,使它的大小为UIView的大小 self.gradientLayer = [CAGradientLayer layer]; self.gradientLayer.frame = self.theView.bounds; //将CAGradientlayer对象添加在我们要设置背景色的视图的layer层 [self.theView.layer addSublayer:self.gradientLayer]; //设置渐变区域的起始和终止位置(范围为0-1) self.gradientLayer.startPoint = CGPointMake(0, 0); self.gradientLayer.endPoint = CGPointMake(0, 1); //设置颜色数组 self.gradientLayer.colors = @[(__bridge id)[UIColor blueColor].CGColor, (__bridge id)[UIColor redColor].CGColor]; //设置颜色分割点(范围:0-1) self.gradientLayer.locations = @[@(0.5f), @(1.0f)];
[/code]
注意
渐变区域的范围是 (0,0) -> (1,1)渐变层要添加在需要渐变视图的layer层
相关文章推荐
- ios开发实现UIView背景颜色渐变
- iOS学习笔记----实现一个带有渐变的UIView
- 实现UIView背景颜色渐变
- iOS实现UIView渐变的几种方法以及实现渐变透明功能
- iOS实现渐变色背景(两种方式实现)
- iOS 实现背景颜色渐变的方式
- iOS实现UIView渐变效果及实现透明功能
- iOS利用UIView实现渐变动画
- css实现网页背景渐变
- 渐变背景(跨平台的javascript实现)
- 表格背景渐变的实现
- 实现背景颜色的渐变效果(code project)
- css实现背景图片渐变
- 用css实现网页背景渐变的代码
- CSS实现表格的背景两色渐变
- CSS实现兼容性的渐变背景(gradient)效果
- CSS实现网页背景颜色渐变的效果。
- 用网页技术CSS实现网页背景渐变的四种代码设置
- 用网页技术CSS实现网页背景渐变的四种代码设置
- CSS实现表格边框阴影和背景渐变效果