uiview 渐变_UIView的背景渐变色~~~

把UIView的背景色设置为渐变色，虽然找一张渐变的背景图很方便，但是图片是要占用资源的，所以我们最好使用代码来实现效果。

直接上代码，这是我自己写的一个分类中的加渐变色的方法

- (void)setGradientLayer:(UIColor*)startColor endColor:(UIColor*)endColor{

//初始化CAGradientlayer对象，使它的大小为UIView的大小

CAGradientLayer *gradientLayer = [CAGradientLayer layer];

gradientLayer.frame = self.bounds;

//将CAGradientlayer对象添加在我们要设置背景色的视图的layer层

[self.layer addSublayer:gradientLayer];

//设置渐变区域的起始和终止位置(范围为0-1)

gradientLayer.startPoint = CGPointMake(0, 0);

gradientLayer.endPoint = CGPointMake(0, 1);

//设置颜色数组

// gradientLayer.colors = @[(__bridge id)[UIColor blueColor].CGColor,

// (__bridge id)[UIColor redColor].CGColor];

gradientLayer.colors = @[(__bridge id)startColor.CGColor,

(__bridge id)endColor.CGColor];

//设置颜色分割点(范围：0-1)

gradientLayer.locations = @[@(0.5f), @(1.0f)];

}

实例如下：

UIView *theView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];

[self.view addSubview:theView];

[self.view setGradientLayer:mRGBColor(0, 226, 154) endColor:mRGBColor(0, 137, 108)];

奋斗的七月

注意:

渐变区域的范围是 (0,0) -> (1,1)

渐变层要添加在需要渐变视图的layer层

uiview 渐变_UIView的背景渐变色~~~相关推荐

uiview 渐变_UIView的背景渐变
//绘制背景渐变 /*CGCradientCreateWithColorComponents函数需要四个参数: 色彩空间:(Color Space)这是一个色彩范围的容器,类型必须是CGColorSp ...
UIView设置背景渐变色
UIView设置背景渐变色 // Allocate bitmap context CGContextRef bitmapContext = CGBitmapContextCreate(NULL, 32 ...
android设置背景颜色渐变,Android背景渐变色(shape,gradient)
Android设置背景色可以通过在res/drawable里定义一个xml,如下: android:startColor="#FFF" android:endColor=" ...
android自定义渐变色,Android设置背景渐变色
效果如图,本章只谈背景渐变色,仪表盘下一篇文章实现步骤,只需两步: 1.在res/drawable中新建一个gradual_color_bg.xml 内容如下: android:startColor ...
css3 实现背景渐变色与背景图片并存效果
css3 实现背景渐变色与背景图片并存效果先看效果背景是渐变色+浅色透明图案组成,UI没有完全切成一张图,刚好试试看能不能使用背景渐变+图片的效果. 对兼容性要求高的不要这样做,直接叫UI切合成 ...
html设置body渐变色,css-body背景渐变色的CSS
css-body背景渐变色的CSS 一.从上往下渐变 body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,s ...
百度SEO网页背景渐变色代码
很漂亮网页背景渐变色代码,背景颜色不断变换,用来做网站背景还是挺不错的下载地址: http://www.bytepan.com/77DYghsNOdA
css动画与渐变案例，使用动画和渐变做一个背景动态网页
目录一,效果展示二,背景颜色的渐变与动画 1.背景颜色渐变 2.背景颜色的动态改变三,字体样式与颜色的改变 1.字体样式的引入 2.设置字体颜色透明与背景 3.字体设置源码四,背景泡泡的漂浮动 ...
echarts5.0引入地图，背景渐变色，航线图，地图阴影
效果图如下,文章末尾附全部代码: 参考: 1.航线图 Vue Echarts飞机航线图_Kinghiee的博客-CSDN博客 2.地图阴影 echarts中国地图实现阴影效果&自定义设置_K ...

uiview 渐变_UIView的背景渐变色~~~

uiview 渐变_UIView的背景渐变色~~~相关推荐

最新文章

热门文章