SnapKit을 사용하여 ScrollView의 버튼 배열을 가운데 정렬하는 방법

Question

SnapKit을 사용하여 ScrollView에서 아래 버튼의 배열을 세로로 가운데 정렬하는 방법은 무엇입니까?

for i in 0..<3 { 

     itemCount = i 

     let aButton = UIButton(type: .custom) 

     aButton.frame = CGRect(x: xCoord, y: yCoord, width: buttonWidth, height: buttonHeight) 
     aButton.backgroundColor = UIColor.blue 
     aButton.layer.cornerRadius = aButton.frame.size.width/2 
     aButton.clipsToBounds = true 

     xCoord += buttonWidth + gapBetweenButtons 

     aScrollView.addSubview(aButton) 

     aButton.snp.makeConstraints { (make) in 
      make.center.equalTo(aScrollView) 
     } 
    } 

Answer 1

버튼의 배열을 균등하게 배열하는 가장 좋은 방법은 UIStackView를 사용하는 것입니다. 이 작동합니다 :

let buttonStackView = UIStackView() 
buttonStackView.axis = .vertical 
buttonStackView.distribution = .equalSpacing 
for i in 0..<3 { 
    itemCount = i 

    let aButton = UIButton(type: .custom) 

    aButton.frame = CGRect(x: xCoord, y: yCoord, width: buttonWidth, height: buttonHeight) 
    aButton.backgroundColor = UIColor.blue 
    aButton.layer.cornerRadius = aButton.frame.size.width/2 
    aButton.clipsToBounds = true 

    xCoord += buttonWidth + gapBetweenButtons 

    buttonStackView.addArrangedSubview(aButton) 

} 
aScrollView.addSubview(buttonStackView) 
buttonStackView.snp.makeConstraints { (make) in 
    make.centerY.equalToSuperview() 
}