IOS_使用CGContextRef实现线性渐变和圆弧遮罩

最新推荐文章于 2021-03-18 18:41:49 发布
最新推荐文章于 2021-03-18 18:41:49 发布
阅读量4.8k 收藏 2
点赞数
分类专栏： IOS技术 文章标签： CGImageRef mask 遮罩 图形上下文 IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mark_creative/article/details/9465519
版权
本文介绍了如何在IOS开发中利用CGContextRef实现线性渐变和圆弧遮罩效果。通过创建图形上下文，设置遮罩并应用渐变填充，实现了自定义的视觉效果。示例代码和运行结果展示了一个简单的应用实例。作者鼓励分享更多理论知识和完整代码，以增强教程的实用性。
摘要由CSDN通过智能技术生成

本来再次来自本群 【天空air_as3_北京】 仰慕者可以给作者发email：paradiselwh154@gmail.com 

顺便介绍我们的QQ群：241465868 


源代码在此，请点击下载Demo


原理：使用了遮罩，核心就是:

    CGImageRef mask = CGBitmapContextCreateImage(UIGraphicsGetCurrentContext());
    UIGraphicsEndImageContext();
    
    CGContextClipToMask(ctx, self.bounds, mask);
    CGImageRelease(mask);


代码片段如下：

- (void)drawRect:(CGRect)rect
{
    [super drawRect:rect];
    
    CGContextRef ctx =
最低0.47元/天 解锁文章
mark_ios
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
IOS中使用CGContext画图填充渐变颜色图层
hu123weihong的专栏
07-10 6116
-(void)fillColor { //pointArr中存放的是每个点的CGPoint,自右向左画     //填充颜色     float alpha = 0;     //计算分层透明度               CGContextRef gc = UIGraphicsGetCurrentContext();          //创建C
iOS自定义裁剪区域，正方形圆形图片头像裁剪，仿QQ头像裁剪，圆形遮罩，矩型遮罩
qq_34542817的博客
09-05 1052
最近项目中用到了自定义图片裁剪区域的图片裁剪功能，自己写了一个，可能有诸多不完善的地方，请大家指正。 支持任意区域裁剪，9:16裁剪、16:9裁剪、1:1裁剪、圆形裁剪等等，总之裁剪框的大小，裁剪框的区域都自定义； 如下截图： 整体思路： 1.利用scrollview的zoom缩放功能，缩放对象是所需裁剪图片的imageView； 2.利用scrollView的contentI...
CGContextRef用法
热门推荐
perfect_promise的专栏
06-13 3万+
quartz 是主要的描画接口，支持基于路径的描画、 抗锯齿渲染、渐变填充模式、图像、颜色、坐标空间变换、以及PDF 文档的创建、显示、和分析。UIKit 为Quartz 的图像和颜色操作提供了Objective-C 的封装。Core Animation 为很多UIKit 的视图属性声明的动画效果提供底层支持，也可以用于实现定制的动画。 在调用您提供的drawRect:方法之前，视图对象会自动
ios绘图系列五:绘制渐变CGContextDrawLinearGradient, CGContextDrawRadialGradient, CAGradientLayer
逢个场，作个戏
10-17 2877
转载自：http://blog.csdn.net/lcl130/article/details/41695685 iOS Core Graphics 的渐变可以分成径向渐变和辐射渐变.可以实现如下的图形: 可以在view 的 - (void)drawRect:(CGRect)rect实现 [objc] view plain copy CGCon
CGContextRef：mask和layer绘图
weixin_30783913的博客
12-30 280
编辑图片的几个方法：第一种先用UIImage对象加载一张图片然后转化成CGImageRef放到CGContext中去编辑 第二种用CGImageCreate函数创建CGImageRef然后把CGImageRef放到CGContext中去编辑 第三种用CGImageCr...
iOS快速实现环形渐变进度条
01-04
这篇文章给大家分享了利用iOS如何快速实现环形进度条，下面来一起看看。 一：先制作一个不带颜色渐变的进度条 自定义一个cycleView，在.m 中实现drawRect方法 - (void)drawRect:(CGRect)rect { CGContextRef ctx =...
iOS Label实现文字渐变色效果
08-30
除了这种方法，还可以通过自定义UILabel子类并重写`drawRect:`方法来实现渐变效果。在自定义的`UILabel`子类中，我们可以使用`CGContext`绘制渐变色背景，然后在上面绘制文字： ```swift // 自定义UILabel子类 @...
iOS App开发中用CGContextRef绘制基本图形的基本示例
09-02
掌握CGContextRef的使用是iOS图形界面开发的重要技能，它能帮助开发者创建自定义的视图组件，实现丰富的视觉效果和交互。通过不断实践和学习，可以进一步探索如何绘制更复杂的图形，如贝塞尔曲线、渐变色、阴影等，...
oc 画一个圆弧_iOS开发-绘制渐变色圆环(圆弧)
weixin_39598568的博客
12-21 2766
前一段时间公司项目有个需求需要做一个圆弧形状的进度条，这个需求本来还算常见，但比较蛋疼的是颜色要求是渐变色的。通常这种不造怎么找第三方库的需求，果断手撸代码(就是这种坏习惯，现在项目里头的自定义控件跟第三方库修改都由我来做了。。)首先绘制一个渐变色方形看看创建一个继承UIView的GradientRectView。在drawRect中添加如下代码。// 创建RGB色彩空间，创建这个以后，conte...
设置渐变色
洛沫的天涯
04-18 927
用到的基本api是 CGGradientRef. - (void)DrawGradientColor:(CGContextRef)context rect:(CGRect)clipRect point:(CGPoint) startPoint point:(CGPoint) endPoint options:(CGGradientDrawingOptions) opt
iOS-UI之遮罩效果(1)——渐变色底色、简易示波器
迈克尔杰克创的博客
03-18 616
iOS-UI之遮罩效果(1)——渐变色底色、简易示波器 来看看实现步骤 1.先绘制一个渐变色的背景Layer let bgView = UIView() bgView.frame = bounds addSubview(bgView) bgView.layer.masksToBounds = true let bgGradientLayer = CAGradientLayer() bgGradientLayer.frame = bgView.bounds bgGradientLay
iPhone之Quartz 2D系列--阴影和透明层（5）Shadows&Transparency Layers
白雾霾
08-21 137
以下几遍关于Quartz 2D博文都是转载自：http://www.cocoachina.com/bbs/u.php?action=topic&uid=38018 苹果官网英语介绍：https://developer.apple.com/library/mac/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d...
IOS开发之——绘图（CGContext）
在代码身上，用心去飞翔
04-21 6945
0  CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文 1 CGContextMoveToPoint 开始画线 2 CGContextAddLineToPoint 画直线 4 CGContextAddEllipseInRect 画一椭圆 4 CGContextSetLineCap 设置线条终点形状 4 CGCont
iOS: CGPathRef上绘制渐变颜色
zhanglizhi111的博客
04-01 1002
转自:https://www.mgenware.com/blog/?p=2396 在iOS Core Graphics中绘制渐变颜色主要是通过使用CGContextDraw(xxx)Gradient相关函数，比如，常见的线性渐变就是CGContextDrawLinearGradient函数，这里帖子封装了绘制渐变颜色的具体代码过程，我们拿过来直接用，只不过原帖代码是用CGCont
ios创建两色线性径向渐变扇形
xiejx618的专栏
08-27 9989
设计:创建一个扇形遮罩,再创建一个两色径向渐变圆,用扇形遮罩去剪切径向渐变圆,就得到一个两色线性径向渐变扇形. 一.先创建一个扇形遮罩.(里面的函数代码什么意义,按住command,点函数名就可进去看了) 1.创建一个四分之七(这个数随便定)的扇形.下面代码放入- (void)drawRect:(CGRect)rect方法,如果在init赋初值(_c为中心点,_radius为半径),运行就可看
iOS: 使用CGContextRef，CGPath和UIBezierPath来绘画
思考的智慧，知识源于思考
03-29 4705
原文地址：https://www.mgenware.com/blog/?p=493 这三种东西：CGContextRef，CGPath和UIBezierPath。本质上都是一样的，都是使用Quartz来绘画。只不过把绘图操作暴露在不同的API层面上，在具体实现上，当然也会有一些细小的差别。 我们将主要使用这3个类型，绘制出同一张图片，如下，一个笑脸：   首先使用Q
用CGContextRef一些画图画线的方法
Linlei的专栏
05-21 7194
#import @interface DashesLineView : UIView @property(nonatomic) CGPoint startPoint;//虚线起点 @property(nonatomic) CGPoint endPoint;//虚线终点 @property(nonatomic, strong) UIColor * lineColor
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值