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

问题描述

我正在寻找一个干净的解决方案，而不会覆盖 drawRect 或类似的东西来创建 UIView 在 View 的顶部带有圆角.我的主要问题是在视图调整大小或类似情况时创建可变解决方案.有干净的解决方案吗?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屋！