图像未在 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 { [=10=].layer.cornerRadius = [=10=].frame.height / 2 }
     once = false
  }
}

图像未在 UIStackView 中四舍五入

Images not being rounded in UIStackView

uiimageview

uiimage

swift

uistackview