美文网首页
tips1:用CAShapeLayer来实现一个圆形Image

tips1:用CAShapeLayer来实现一个圆形Image

作者: HackerOnce | 来源:发表于2015-07-18 12:46 被阅读157次

    创建一个UIView的子类,添加两个属性:cirecleRadius用来设定圆的半径

    在初始化方法里面配置circlePathLayer,

    在配置方法里面设定cireclePathLayer的frame,lineWidth,填充颜色和边界线的颜色,并设定当前view的背景色为白色,这样看起来更加清晰

    下面就为cireclePathLayer创建一个path,并使的path的frame的始终保持在view 的中心

    先要设定path的frame

    然后用UIBezierPath画出一个圆形

     由于layer没有UIAutoresizing 所以还得在layoutSubView里面调整layer 的frame

     初始化之后就可以看到在view的中心画出了一个圆形

    之后在添加一个属性progress来显示进度, 把progress的值给layer的strokeEnd属性来动态的画圆

    下面将创建一个ImageView的子类,并用SDWebImage来加载一个网络图片

    最后,拖曳一个UIImageView到storyboard上,使他指向CustomImageView

    运行将看到:

    相关文章

      网友评论

          本文标题:tips1:用CAShapeLayer来实现一个圆形Image

          本文链接:https://www.haomeiwen.com/subject/hxrpqttx.html