ios - 创建具有重叠圆的 View

Question

我正在尝试创建一个简单的 UIView 线，然后在顶部创建一个圆圈。然而，我不确定如何在不产生层次结构问题的情况下绘制圆圈？到目前为止，我有下面的内容，它只是创建了该行

线

    self.stepLine = UIView()
    self.stepLine.translatesAutoresizingMaskIntoConstraints = false
    stepView.addSubview(self.stepLine)

    self.stepLine.backgroundColor = Color.theme.value

    self.stepLine.bottomAnchor.constraint(equalTo: stepView.bottomAnchor, constant: -4).isActive = true
    self.stepLine.heightAnchor.constraint(equalToConstant: 6).isActive = true
    self.stepLine.leftAnchor.constraint(equalTo: stepView.leftAnchor).isActive = true



override func layoutSubviews() {
    self.stepLine.widthAnchor.constraint(equalToConstant: self.frame.width/2).isActive = true
}

插图

Answer 1

let circleView = UIView()
circleView.layer.cornerRadius = 10 // half of the width/height dimension
circleView.translatesAutoresizingMaskIntoConstraints = false
stepView.addSubview(circleView)

circleView.centerYAnchor.constraint(equalTo: stepLine.centerYAnchor).isActive = true
circleView.trailingAnchor.constraint(equalTo: stepLine.trailingAnchor).isActive = true
circleView.widthAnchor.constraint(equalToConstant: 20).isActive = true
circleView.heightAnchor.constraint(equalToConstant: 20).isActive = true

或者其一些变体。但考虑到您所提供的代码的性质，这是我建议的一般概念。