UIBeziberPath创建颜色渐变图案

Objective-C的Core Graphics框架中提供了绘制路径的UIBezierPath类,它可以帮助我们创建基于矢量的路径。通过Core Graphics实现的绘图功能要比加载图片的效率高,而且还可以使用CATransaction来实现动画效果。今天我们就来教怎么做一个颜色渐变的爱心。效果图先放上来:

做法是创建一个UIBezierPath实例,然后在view上面绘制出爱心的路径来,分别绘制了两个弧线和两条直线:

完成了绘制矢量路径后,为了实现图片效果,我们还需要创建两个CAShapLayer,一个用于绘制爱心的边缘线,另一个用于爱心的实体。CAShapeLayer可以通过path生成图形:

最后因为CAShapeLayer只能设置两个点之间的渐变色,无法实现弧线的颜色渐变,所以我们还需要CAGradientLayer来帮助我们实现颜色渐变,并将CAShapeLayer设置为它的蒙版,实现最后的爱心图像。

作品在这里就完成了,虽然简陋,但是也足以证明Core Graphics框架的强大

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值