自定义Uiview的子视图什么时候知道自己的界限？

Question

我创建了一个具有一个子视图的自定义Uiview，该子视图包含几个使用布局约束的大小的Square子视图。我希望每个子视图都是圆形的，因此我在数组中持有对视图的引用，然后在layoutsubviews方法中迭代一系列视图，并应用一个角度半径，该转角半径是View.Bounds.height的一半。

中”内部的三个圆形视图

是，这仅有70％的时间。有时，视图似乎不知道其界限，并且视图被视为正方形。

主视图，内容视图，然后在“> 我可能正在接近这一切的 ……有人对我有任何建议吗？在哪里可以安全地施加拐角半径，以便它总是作为一个完美的圆圈？

谢谢

Answer 1

管理此操作的最可靠方法是子类uiview，让它处理自己的舍入。

例如：

class RoundView: UIView {
    override func layoutSubviews() {
        super.layoutSubviews()
        // this assumes constraints keep
        //  self at a 1:1 ratio (square)
        layer.cornerRadius = bounds.height * 0.5
    }
}

此简单控制器示例：

class RoundDemoVC: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let colors: [UIColor] = [
            .systemRed, .systemGreen, .systemBlue
        ]
        let widths: [CGFloat] = [
            200, 140, 140
        ]
        let xPos: [CGFloat] = [
            20, 120, 180
        ]
        let g = view.safeAreaLayoutGuide
        for i in 0..<colors.count {
            let v = RoundView()
            v.backgroundColor = colors[i]
            view.addSubview(v)
            v.translatesAutoresizingMaskIntoConstraints = false
            v.widthAnchor.constraint(equalToConstant: widths[i]).isActive = true
            // make it square
            v.heightAnchor.constraint(equalTo: v.widthAnchor).isActive = true
            v.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: xPos[i]).isActive = true
            v.centerYAnchor.constraint(equalTo: g.centerYAnchor).isActive = true
        }
        
    }
    
}

生成此输出：

​

Answer 2

Donmag的示例很酷。此外，您可以这样做，而无需为LayoutsUbview编写代码。您必须在 中添加子视图的约束之后，必须添加此设置。

 .......
 ....... // constraint settings

 subView.layoutIfNeeded()
 subView.layer.cornerRadius = subView.frame.size.height/2
    

Answer 3

您可以在layoutsubviews（）方法中应用角半径

override func layoutSubviews() {
    super.layoutSubviews()
    // This is the place to apply corner radius
}