如何在快速

时间:2017-12-16 07:22:35

标签: swift uiview cashapelayer

enter image description here

我附上了查看图片。我想在购买按钮和上面的航班信息视图之间实现底部的小切割。

1 个答案:

答案 0 :(得分:5)

我认为最简单的方法是将2个圆创建为普通UIView个实例,并将它们的中心分别设置为父视图的左右边缘。

由于您将clipsToBounds设置为true,因此会对其进行裁剪,只有一半会在屏幕上显示。

public class TestView: UIView {

    private let leftCircle = UIView(frame: .zero)
    private let rightCircle = UIView(frame: .zero)

    public var circleY: CGFloat = 0
    public var circleRadius: CGFloat = 0

    public override init(frame: CGRect) {
        super.init(frame: frame)
        clipsToBounds = true
        addSubview(leftCircle)
        addSubview(rightCircle)
    }

    public override func layoutSubviews() {
        super.layoutSubviews()

        leftCircle.frame = CGRect(x: -circleRadius, y: circleY,
                                  width: circleRadius * 2 , height: circleRadius * 2)
        leftCircle.layer.masksToBounds = true
        leftCircle.layer.cornerRadius = circleRadius

        rightCircle.frame = CGRect(x: bounds.width - circleRadius, y: circleY,
                                   width: circleRadius * 2 , height: circleRadius * 2)
        rightCircle.layer.masksToBounds = true
        rightCircle.layer.cornerRadius = circleRadius
    }
}

我创建了一个sample project来证明这一点。以下是它在我的模拟器中的外观(iPhone SE 11.2):

enter image description here