[iOS] AutoLayout : StackView 활용

📌 AutoLayout : StackView 활용해서 계산기 Layout 구현

 

 

 

 

 

 

 

• 1. StackView로 UIButton 묶기 ( 가로로 묶든, 세로로 묶든 )
• 2. StackView 내에서 객체들의 크기 설정 ( Button 모두 선택하여 Equals Width )
  • 2-1. Multiplier로 크기 비율 설정 ( 숫자 0이 있는 제일 하단 StackView )
  • 2-1. StackView 위치 설정
• 3. UIButton 특정 높이값 지정하지 말고, Aspect Ratio 로 설정하여 Multiplier 비율 1:1 ( -> 정사각형 잡힌다 )

 

📌 UIButton 둥글게

 

@IBOutlet weak var myButton : UIButton!

 

myButton.layer.masksToBounds = true

 

📌 얼마나 둥글게 ? 

myButton.layer.cornerRadius = 50

또는

myButton.layer.cornerRadius = myButton.layer.frame.size.width / 2

 

 

📌 또는

 

 

뷰를 클릭하고 Identity Inspector를 클릭하면 위와 같이 UserDefined Runtime Attributes 칸이 있다.

 

플러스 버튼을 누른 뒤에 아래 항목들을 추가한다.

 

layer.masksToBounds Boolean YES

layer.cornerRadius Number 50

 

숫자 50 자리에 원하는 값을 넣으면 된다.