我使用UIBezierPath绘制了一个图形.我可以使用纯色填充图表下方的区域,但我想用渐变而不是纯色填充图表下方的区域.但我不知道如何使渐变仅适用于图形而不是整个视图,我已经阅读了一些问题,但没有找到任何适用的问题.

这是主要的图形绘制代码:

// Draw the graph
UIBezierPath *bargraph = [UIBezierPath bezierPath];
bargraph.linewidth = 1.0f;
[blueColor setstroke];
TCDataPoint *dataPoint = self.testData[0];
CGFloat x = [self convertTimetoXPoint:dataPoint.time];
CGFloat y = [self convertDataToYPoint:dataPoint.dataUsage];
CGPoint plotPoint = CGPointMake(x,y);
[bargraph movetoPoint:plotPoint];
for (int ii = 1; ii < [self.testData count]; ++ii)
{
    dataPoint = self.testData[ii];
    x = [self convertTimetoXPoint:dataPoint.time];
    y = [self convertDataToYPoint:dataPoint.dataUsage];
    plotPoint = CGPointMake(x,y);
    [bargraph addLinetoPoint:plotPoint];
}
[bargraph stroke];

我一直试图通过试验下面的代码来填充图表,但说实话,不是吗?0确定我正在做什么,尽管经历了各种教程和文档:

[bargraph closePath];

CGFloat colors [] = {
    1.0,0.0,1.0,1.0
};

CGColorSpaceRef baseSpace = CGColorSpaceCreateDeviceRGB();
CGGradientRef gradient = CGGradientCreateWithColorComponents(baseSpace,colors,NULL,2);
CGColorSpaceRelease(baseSpace);

CGPoint startPoint = CGPointMake(CGRectGetMidX(self.bounds),self.topY);
CGPoint endPoint = CGPointMake(CGRectGetMidX(self.bounds),self.bottomY);

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextClip(context);
CGContextDrawLinearGradient(context,gradient,startPoint,endPoint,0);
CGGradientRelease(gradient);

解决方法

最简单的方法是使用原始图形贝塞尔曲线路径来帮助您构建蒙版并将此蒙版强加于渐变图层.现在将图层施加在渐变图层的顶部.

因此,例如,创建一个CAShapeLayer,关闭图形bezier路径,将其路径设置为形状图层的路径,并将其填充为黑色.现在你有一个掩码,它是图形下面积的形状.现在制作一个CAGradientLayer并将CAShapeLayer作为掩码.在此之前,放置实际图表.

例如(EDITED):

这是我用来创建绘图的代码(我的bezier路径非常简单,只有四个点由三条线连接,但你可以清楚地看到它下面的区域是一个渐变):

CAShapeLayer* shape = [[CAShapeLayer alloc] init];
shape.frame = self.graph.bounds;
CGFloat h = shape.frame.size.height;
CGFloat w = shape.frame.size.width;

NSArray* points = @[
                    [NSValue valueWithCGPoint:CGPointMake(0,h-50)],[NSValue valueWithCGPoint:CGPointMake(70,h-100)],[NSValue valueWithCGPoint:CGPointMake(140,h-75)],[NSValue valueWithCGPoint:CGPointMake(w,h-150)],];

UIBezierPath* p = [UIBezierPath new];
[p movetoPoint:[points[0] CGPointValue]];
for (NSInteger i = 1; i < points.count; i++)
    [p addLinetoPoint:[points[i] CGPointValue]];

shape.path = p.CGPath;
shape.strokeColor = [UIColor blackColor].CGColor;
shape.linewidth = 2;
shape.fillColor = nil;

CAGradientLayer* grad = [[CAGradientLayer alloc] init];
grad.frame = self.graph.bounds;
grad.colors = @[(id)[UIColor blueColor].CGColor,(id)[UIColor yellowColor].CGColor];

CAShapeLayer* mask = [[CAShapeLayer alloc] init];
mask.frame = self.graph.bounds;
[p addLinetoPoint:CGPointMake(w,h)];
[p addLinetoPoint:CGPointMake(0,h)];
[p closePath];
mask.path = p.CGPath;
mask.fillColor = [UIColor blackColor].CGColor;
grad.mask = mask;

[self.graph.layer addSublayer:grad];
[self.graph.layer addSublayer:shape];

ios – 如何使用渐变填充UIBezierPath?的更多相关文章

  1. ios – 如何使用渐变填充UIBezierPath?

    我使用UIBezierPath绘制了一个图形.我可以使用纯色填充图表下方的区域,但我想用渐变而不是纯色填充图表下方的区域.但我不知道如何使渐变仅适用于图形而不是整个视图,我已经阅读了一些问题,但没有找到任何适用的问题.这是主要的图形绘制代码:我一直试图通过试验下面的代码来填充图表,但说实话,不是吗?

  2. ios – 使用watchOS 2在Apple Watch上渲染折线图

    我正在尝试使用watchOS2在AppleWatch上渲染线条/步骤图.与iOS9不同,watchOS2不支持Quartz.它只支持CoreGraphics.我尝试编写一些代码来绘制折线图但我得到一个错误“CGContextRestoreGState:无效的上下文0x0.这是一个严重的错误.这个应用程序,或它使用的库,正在使用无效的上下文,从而有助于整体系统稳定性和可靠性降低.这个通知是礼貌的:请

  3. ios – 在两个圆形UIBezierPaths之间进行动画制作时的奇怪行为

    问题我正在创造爆炸环效果.我正在使用多个CAShapeLayer并为每个层创建一个UIBezierPath.初始化视图时,所有图层都有一个宽度为0的路径.触发动作时,环会为更大的路径设置动画.如下面的演示所示,每个图层的右边缘比每个圆形图层的其余部分的动画效果要慢.演示码绘制图层:更新图层解决方法避免从路径宽度为0开始.从0开始缩放并且微小的浮点误差放大是非常困难的.非常接近零的值在浮点上不是很连续(嗯……

  4. ios – CAShapeLayer动画路径毛刺/闪烁(从椭圆到矩形和背面)

    当我创建一个显式动画来将CAShapeLayer的路径值从椭圆更改为矩形时,我遇到了一个问题.在我的画布控制器中,我设置了一个基本的CAShapeLayer并将其添加到根视图的图层:然后,当我为路径设置动画时,在动画的最后几帧中,当形状变为矩形时会出现奇怪的毛刺/闪烁,而在前几帧中,当动画远离矩形时,会出现奇怪的毛刺/闪烁.动画设置如下:我尝试了很多不同的东西,比如锁定/解锁CATransaction,玩各种填充模式等等……

  5. ios – 如何使用渐变颜色填充贝塞尔曲线路径

    我的自定义UIView绘图(_rect:CGRect)函数中有一个UIBezierPath.我想用渐变色填充路径.请任何人都可以指导我如何做到这一点.我需要用渐变颜色填充剪辑,然后用黑色描边路径.SO中有一些帖子无法解决问题.例如Swift:Gradientalongabezierpath(usingCALayers)这篇文章指导如何在UIView中绘制图层,而不是在UIBezierPath中绘制

  6. ios – 如何为UIBezierPath提供cornerRadius

    我使用以下代码创建了一个矩形,现在我需要舍入这个矩形的角.但是我找不到一个名为layer.cornerRadius的属性,有人可以帮帮我吗?如果你想要特定的角落在下面的方法使用.

  7. ios – UIBezierPath具有圆形边缘的三角形

    我设计了这个代码来生成一个BezierPath,该路径用作CAShapeLayer屏蔽UIView的路径这个代码生成一个具有尖锐边缘的三角形,但我想让它圆角!,lineCapStyle和lineJoinStyle等工作,但似乎没有任何工作.所以我的问题是,我将如何舍弃UIBezierPath中的三角形的所有边缘?N.B我没有绘制这个BezierPath,所以在drawRect中的所有CGContext…

  8. iOS:CAShapeLayer绘制非直视图像并为其形状设置动画

    我一直在阅读有关CAShapeLayer的文档,但我仍然不太明白.根据我的理解,Layer始终是扁平的,其大小始终是矩形.另一方面,CAShapeLayer允许您定义不仅仅是矩形的图层.它可以是圆形,三角形等,只要您将它与UIBezierPaths一起使用即可.我的理解是在这里吗?

  9. 在iOS中激活UIImageView的圆形面具

    我想知道如何在uiimageview上制作面具的尺寸.示例图像附加.灰色的框是我的uiview控制器的图像背景,不是问题的一部分.我假设创建一个uiview子类,我传递图像,半径和中心点.然后(?任何人都可以指向正确的方向吗?圆圈可以放置在任何尺寸的任意位置,但要显示的图像始终是全屏的.最终我会添加一个方法来缩小回圈.但是一次一步.感谢你的指导,-e解决方法一种可能性是用CAShapeLayer绘制面具.原因是CAShapeLayer的路径是动画的.

  10. ios – 如何在UIView中绘制不同颜色的多个UIBezierPath

    我想在uiview中绘制多个UIBezierPath,具有不同的笔画和填充颜色.这是代码问题是笔画和填充颜色是在当前上下文中设置的.在同一个CGContextRef中可以用不同的颜色绘制不同的UIBezierPath吗?或者我必须在单独的uiview中绘制每个UIBezierPath?解决方法你应该添加表明这些是在这种情况下必须进一步使用的新颜色.你每次打电话之前都应该这样做以便用这些颜色绘制路径.不需要为每个贝塞尔路径使用新的视图.

随机推荐

  1. iOS实现拖拽View跟随手指浮动效果

    这篇文章主要为大家详细介绍了iOS实现拖拽View跟随手指浮动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  2. iOS – genstrings:无法连接到输出目录en.lproj

    使用我桌面上的项目文件夹,我启动终端输入:cd然后将我的项目文件夹拖到终端,它给了我路径.然后我将这行代码粘贴到终端中找.-name*.m|xargsgenstrings-oen.lproj我在终端中收到此错误消息:genstrings:无法连接到输出目录en.lproj它多次打印这行,然后说我的项目是一个目录的路径?没有.strings文件.对我做错了什么的想法?

  3. iOS 7 UIButtonBarItem图像没有色调

    如何确保按钮图标采用全局色调?解决方法只是想将其转换为根注释,以便为“回答”复选标记提供更好的上下文,并提供更好的格式.我能想出这个!

  4. ios – 在自定义相机层的AVFoundation中自动对焦和自动曝光

    为AVFoundation定制图层相机创建精确的自动对焦和曝光的最佳方法是什么?

  5. ios – Xcode找不到Alamofire,错误:没有这样的模块’Alamofire’

    我正在尝试按照github(https://github.com/Alamofire/Alamofire#cocoapods)指令将Alamofire包含在我的Swift项目中.我创建了一个新项目,导航到项目目录并运行此命令sudogeminstallcocoapods.然后我面临以下错误:搜索后我设法通过运行此命令安装cocoapodssudogeminstall-n/usr/local/bin

  6. ios – 在没有iPhone6s或更新的情况下测试ARKit

    我在决定下载Xcode9之前.我想玩新的框架–ARKit.我知道要用ARKit运行app我需要一个带有A9芯片或更新版本的设备.不幸的是我有一个较旧的.我的问题是已经下载了新Xcode的人.在我的情况下有可能运行ARKit应用程序吗?那个或其他任何模拟器?任何想法或我将不得不购买新设备?解决方法任何iOS11设备都可以使用ARKit,但是具有高质量AR体验的全球跟踪功能需要使用A9或更高版本处理器的设备.使用iOS11测试版更新您的设备是必要的.

  7. 将iOS应用移植到Android

    我们制作了一个具有2000个目标c类的退出大型iOS应用程序.我想知道有一个最佳实践指南将其移植到Android?此外,由于我们的应用程序大量使用UINavigation和UIView控制器,我想知道在Android上有类似的模型和实现.谢谢到目前为止,guenter解决方法老实说,我认为你正在计划的只是制作难以维护的糟糕代码.我意识到这听起来像很多工作,但从长远来看它会更容易,我只是将应用程序的概念“移植”到android并从头开始编写.

  8. ios – 在Swift中覆盖Objective C类方法

    我是Swift的初学者,我正在尝试在Swift项目中使用JSONModel.我想从JSONModel覆盖方法keyMapper,但我没有找到如何覆盖模型类中的Objective-C类方法.该方法的签名是:我怎样才能做到这一点?解决方法您可以像覆盖实例方法一样执行此操作,但使用class关键字除外:

  9. ios – 在WKWebView中获取链接URL

    我想在WKWebView中获取tapped链接的url.链接采用自定义格式,可触发应用中的某些操作.例如HTTP://我的网站/帮助#深层链接对讲.我这样使用KVO:这在第一次点击链接时效果很好.但是,如果我连续两次点击相同的链接,它将不报告链接点击.是否有解决方法来解决这个问题,以便我可以检测每个点击并获取链接?任何关于这个的指针都会很棒!解决方法像这样更改addobserver在observeValue函数中,您可以获得两个值

  10. ios – 在Swift的UIView中找到UILabel

    我正在尝试在我的UIViewControllers的超级视图中找到我的UILabels.这是我的代码:这是在Objective-C中推荐的方式,但是在Swift中我只得到UIViews和CALayer.我肯定在提供给这个方法的视图中有UILabel.我错过了什么?我的UIViewController中的调用:解决方法使用函数式编程概念可以更轻松地实现这一目标.

返回
顶部