• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Swift实现部分圆角

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

圆角一直是开发中经常遇到的问题。

为了实现部分圆角的效果,我去查了一下用 OC 如何实现。


 

可惜直接语法转换以后是不能用的,因为 mas_maskContraints (是 Masonry 这个库的语法,感谢isaced)方法在 Swift 中我并没有找到。在 Stack Overflow 中的搜索结果更加感人:


 

我最终放弃了,选择了另一种实现:


 

把他用 Swift 的方式实现:

extension UIView {

    /// 部分圆角
    ///
    /// - Parameters:
    ///   - corners: 需要实现为圆角的角,可传入多个
    ///   - radii: 圆角半径
    func corner(byRoundingCorners corners: UIRectCorner, radii: CGFloat) {
        let maskPath = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radii, height: radii))
        let maskLayer = CAShapeLayer()
        maskLayer.frame = self.bounds
        maskLayer.path = maskPath.cgPath
        self.layer.mask = maskLayer
    }
}

调用的时候需要注意一点:

// 调用没有任何问题,将左上角与右上角设为圆角。
button.corner(byRoundingCorners: [UIRectCorner.topLeft, UIRectCorner.topRight], radii: 5)

// 编译错误
let corners = [UIRectCorner.topLeft, UIRectCorner.topRight]
button.corner(byRoundingCorners: corners, radii: 5)

 

需要转换一下类型:

let corners: UIRectCorner = [UIRectCorner.bottomLeft, UIRectCorner.bottomRight]

// 类型可省略
let corners: UIRectCorner = [.bottomLeft,.bottomRight]

UIBerizePath 类中,我们看到的 byRoundingCorners 参数接收的是一个 UIRectCorner ,并非数组类型,所以需要做一步类型转换,同时设置多个圆角。


 

在性能方面,我简单做了个1000行圆角Button和Label的表格,滚动起来十分流畅。用instrument种的CoreAnimation测试,可能会产生离屏渲染。根据WWDC 2014: Advanced Graphics and Animations for iOS Apps,系统圆角使用 mask 的方式实现的,现在无论硬件性能还是优化肯定要比当年做的好。

 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Swift3andOpenGLonLinuxandmacOSwithGLFW发布时间:2022-07-13
下一篇:
IOSswift实现密码的显示与隐藏切换发布时间:2022-07-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap