UIStackView 中的图像未四舍五入

Question

我正在尝试对几张图像进行四舍五入并将它们添加到堆栈视图中，但由于某种原因它无法正常工作。基本上，我有一个包含所有UIImage 名称的数组，并将它们分配给UIImageView。当我尝试用图像制作一个圆圈时，它不起作用：

 var navStackView : UIStackView = {
    let stack = UIStackView()
    stack.axis = .horizontal
    stack.alignment = .center
    stack.distribution = .fillEqually
   // stack.spacing = -10
    stack.translatesAutoresizingMaskIntoConstraints = false
    return stack
}()

var images = ["1", "2", "3", "4"]

override func viewDidLoad() {
    super.viewDidLoad()

    let navController = navigationController!

    navController.navigationBar.addSubview(navStackView)
    // x, y, w, h
    navStackView.leadingAnchor.constraint(equalTo: navController.navigationBar.leadingAnchor).isActive = true
    navStackView.trailingAnchor.constraint(equalTo: navController.navigationBar.trailingAnchor).isActive = true
    navStackView.topAnchor.constraint(equalTo: navController.navigationBar.topAnchor).isActive = true
    navStackView.bottomAnchor.constraint(equalTo: navController.navigationBar.bottomAnchor).isActive = true


    for image in images {
        let imageView = UIImageView()
        imageView.image = UIImage(named: image)
        imageView.layer.cornerRadius = imageView.frame.height / 2
        imageView.clipsToBounds = true
        imageView.layer.masksToBounds = false
        imageView.contentMode = .scaleAspectFit
     //   imageView.frame = CGRect(x: 0, y: 0, width: 30, height: 30)
        navStackView.addArrangedSubview(imageView)

        navStackView.layoutIfNeeded()
    }

    navigationItem.titleView = navStackView
}

Answer 1

你可以试试

var once = true
override func viewDidLayoutSubviews() {
  super.viewDidLayoutSubviews()
  if once {
     navStackView.subviews.forEach { $0.layer.cornerRadius = $0.frame.height / 2 }
     once = false
  }
}