使用Autolayout（snapkit）的圆形视图？

Question

我正在尝试制作一个基于自动布局的自适应大小的圆形视图，目前我设置了约束，然后我尝试在viewwilllayoutsubviews方法中舍入图像。

这导致形状奇特的非圆形视图，我该如何解决？

INIT：

    profilePic = UIImageView(frame: CGRect.zero)
    profilePic.clipsToBounds = true
    profilePic.contentMode = .scaleAspectFill

约束：

 profilePic.snp.makeConstraints { (make) -> Void in
                make.centerX.equalTo(self).multipliedBy(0.80)
                make.centerY.equalTo(self).multipliedBy(0.40)
                make.size.equalTo(self).multipliedBy(0.22)
            }

子视图：

override func viewWillLayoutSubviews() {
        self.navigationMenuView.profilePic.layer.cornerRadius = self.navigationMenuView.profilePic.frame.size.width / 2.0
        self.navigationMenuView.profilePic.layer.borderWidth = 2
        self.navigationMenuView.profilePic.layer.borderColor = UIColor.white.cgColor
    }

结果：

Answer 1

我想你想要这个（抱歉普通自动布局，但我不使用snapkit）：

profilePic.heightAnchor.constraint(equalTo: profilePic.widthAnchor).isActive = true
profilePic.widthAnchor.constraint(equalTo: self.view.widthAnchor, multiplier: 0.22).isActive = true

而不是：

make.size.equalTo(self).multipliedBy(0.22)

Answer 2

我的建议是不要把它当作外面的圆形视图。使视图本身符合圆形，以便您可以在任何地方使用它。

INSIDE视图给它约束......

widthAnchor.constraint(equalTo: heightAnchor).isActive = true

这将使其成为正方形（具有未确定的大小）。

然后在函数layoutSubviews ...

中

override func layoutSubviews() {
    super layoutSubviews()

    layer.cornerRadius = bounds.size.width * 0.5
}

这会使方块变成圆形。

Answer 3

我遇到了同样的问题

这是我的解决方案：

let profilePicHeight: CGFloat = 30.0

将这行代码添加到您的约束中：

profilePic.snp.makeConstraints { (make) -> Void in
            make.height.width.equalTo(self.profilePicHeight)
            ...
        }

然后：

override func viewWillLayoutSubviews() {
    self.navigationMenuView.profilePic.layer.cornerRadius = self.profilePicHeight / 2.0
    ...
}