仅在UIView顶部具有圆角 [英] Rounded Corners only on Top of a UIView

问题描述

您好，我正在寻找一个干净的解决方案，而不会覆盖drawRect或类似的东西来创建UIView，该UIView在视图顶部带有圆角.我这里的主要问题是，如果视图的大小被调整或类似的东西，则创建变量解决方案. 有没有干净的解决方案? Apple 也在第一个表项上执行此操作.做到这一点并不难.

Hi i am searching a clean solution without overwriting drawRect or stuff like that to create a UIView with Rounded corners on the Top of the View. My main problem here is to create variable solution if the view is getting resized or something like that. Is there a clean solution? Apple is this doing too on the first table item. it can't be so hard to do this.

推荐答案

您可以通过在视图的图层上设置mask来做到这一点:

You can do this by setting a mask on your view's layer:

CAShapeLayer * maskLayer = [CAShapeLayer layer];
maskLayer.path = [UIBezierPath bezierPathWithRoundedRect: self.bounds byRoundingCorners: UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii: (CGSize){10.0, 10.}].CGPath;

self.layer.mask = maskLayer;

重要提示:您应该在视图的layoutSubviews()方法中执行此操作，因此视图已从情节提要中调整了大小

IMPORTANT: You should do this in your view's layoutSubviews() method, so the view has already been resized from the storyboard

在Swift中< = 1.2

let maskLayer = CAShapeLayer()
maskLayer.path = UIBezierPath(roundedRect: bounds, byRoundingCorners: .TopLeft | .TopRight, cornerRadii: CGSize(width: 10.0, height: 10.0)).CGPath

layer.mask = maskLayer

---

Swift 2.x

let maskLayer = CAShapeLayer()
maskLayer.path = UIBezierPath(roundedRect: bounds, byRoundingCorners: UIRectCorner.TopLeft.union(.TopRight), cornerRadii: CGSizeMake(10, 10)).CGPath
layer.mask = maskLayer

---

Swift 3.x

let maskLayer = CAShapeLayer()
maskLayer.path = UIBezierPath(roundedRect: view.bounds, byRoundingCorners: [.topLeft, .topRight], cornerRadii: CGSize(width: 10, height: 10)).cgPath
layer.mask = maskLayer

这篇关于仅在UIView顶部具有圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！