给某个view增加颜色渐变图层

//给某个view增加颜色透明度渐变图层

- (void) insertTransparentGradient {

NSLog(@"%@",NSStringFromCGRect(self.imgView.bounds));

UIColor *colorOne = [UIColor colorWithRed:(33/255.0)  green:(33/255.0)  blue:(33/255.0)  alpha:0.0];

UIColor *colorTwo = [UIColor colorWithRed:(255/255.0)  green:(0/255.0)  blue:(0/255.0)  alpha:0.6];

NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil,nil];

NSNumber *stopOne = [NSNumber numberWithFloat:0.0];

NSNumber *stopTwo = [NSNumber numberWithFloat:1.0];

NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil,nil];

//crate gradient layer

CAGradientLayer *headerLayer = [CAGradientLayer layer];

headerLayer.colors = colors;

headerLayer.locations = locations;

//        headerLayer.frame = self.imgView.bounds;

headerLayer.frame = CGRectMake(0, 20, 212, 432);

[self.imgView.layer addSublayer:headerLayer];

}

效果图:

参考链接:哈哈

demo链接:https://yunpan.cn/Oc6qWDkjxVyQGE(提取码:8abf)

时间: 2024-10-04 22:33:26

给某个view增加颜色渐变图层的相关文章

自定义控件之圆形颜色渐变进度条--SweepGradient

前几天在群里面有人找圆形可颜色渐变进度条,其中主要的知识点是SweepGradient: mSweepGradient = new SweepGradient(240, 360, new int[] { Color.CYAN, Color.DKGRAY, Color.GRAY, Color.LTGRAY, Color.MAGENTA, Color.GREEN, Color.TRANSPARENT, Color.BLUE }, null); 如上:第三个参数为渐变颜色内容,前两个是坐标信息,240

code实现透明度渐变和颜色渐变的view

最近用code写了些view上的渐变效果,使得app的UI特效不必全部依赖美工出的图片. 效果如下: 主要用到了Layer上的渐变层,核心代码如下,关于CALaer的使用可参考 //Transparent Gradient Layer - (void) insertTransparentGradient { UIColor *colorOne = [UIColor colorWithRed:(33/255.0) green:(33/255.0) blue:(33/255.0) alpha:0.0

IOS进度渐变图层CAGradientLayer

看支付宝蚂蚁积分,天气预报等好多APP都有圆形渐变效果,今天就试着玩了. 一.CAGradientLayer类中属性介绍 CAGradientLayer继承CALayer,主要有以下几个属性: [email protected](nullable, copy) NSArray *colors; 渐变的颜色 这个数组中只设置一个颜色是不显示的 [email protected](nullable, copy) NSArray<NSNumber *> *locations;每种颜色的最亮的位置 [

IOS渐变图层CAGradientLayer

看支付宝蚂蚁积分,天气预报等好多APP都有圆形渐变效果,今天就试着玩了. 一.CAGradientLayer类中属性介绍 CAGradientLayer继承CALayer,主要有以下几个属性: [email protected](nullable, copy) NSArray *colors; 渐变的颜色 [email protected](nullable, copy) NSArray<NSNumber *> *locations;每种颜色的最亮的位置 [email protected] C

iOS 动画绘制线条颜色渐变的折线图

效果图 .................... 概述 现状 折线图的应用比较广泛,为了增强用户体验,很多应用中都嵌入了折线图.折线图可以更加直观的表示数据的变化.网络上有很多绘制折线图的demo,有的也使用了动画,但是线条颜色渐变的折线图的demo少之又少,甚至可以说没有.该Blog阐述了动画绘制线条颜色渐变的折线图的实现方案,以及折线图线条颜色渐变的实现原理,并附以完整的示例. 成果 本人已将折线图封装到了一个UIView子类中,并提供了相应的接口.该自定义折线图视图,基本上可以适用于大部分

IOS 创建渐变图层

代码如下 typedef enum { GradientLayerKindLeftRight = 2000, GradientLayerKindUpDown, GradientLayerKindLBRT,//左下-右上 GradientLayerKindLTRB //左上-右下 }GradientLayerKind; //-------------------------------------------------------------- // 创建矩形渐变图层 // // @param

CAGradientLayer颜色渐变器

使用CAGradientLayer可以实现颜色的渐变, 我们先看下头文件 @interface CAGradientLayer : CALayer @property(nullable, copy) NSArray *colors;//颜色渐变的数组 @property(nullable, copy) NSArray<NSNumber *> *locations;//渐变颜色的区间分布,locations的数组长度和color一致,默认是nil,会平均分布 @property CGPoint

添加颜色渐变的UIView

UIView颜色渐变,可以直接使用CAGradientLayer或者重写drawRect:都可以实现渐变的效果,其中本质都是一样的. 比较简单的渐变只要设置过渡的颜色,和开始的位置,若不设置位置,会默认平均分. 1.使用 CAGradientLayer //gradientLayer 1 //gradientLayer 2 func addGradientViewLayer(){ 3 let contentView = UIView(frame: CGRectMake(100, 100, 100

我的IOS库-任意颜色渐变的圆环

原创Blog,转载请注明出处 blog.csdn.net/hello_hwc 前言:想要丰富之前写的一个库,用到了颜色渐变,于是就写了这个简单的库. 效果 Github地址 https://github.com/wenchenhuang/WCGradientCircleLayer 于是,基于这个新写的库,对之前写的下拉刷新库进行了更新 支持了view载入自动刷新,和渐变Item Github地址 https://github.com/wenchenhuang/WCPullRefreshContr