[Swift] Dice game에 Auto layout 추가하기

 

💡 오늘 배울 내용
: Auto layout, constraints, stack view

 

Challenge 1

화면을 돌리면 배경이 짤리는 문제

 

 

pin constraints

배경에 pin constraints 속성을 추가해주었다

 

alignment constraints

주사위 이미지에 alignment constraints 속성을 추가해주었다

 

 

화면을 돌려도 짤리지 않는 것을 확인할 수 있다

 

만약 화면을 돌렸을 때 위의 사진처럼 사이즈가 유지된다면

View - Content Mode를 Aspect Fit에서 Redraw로 변경해주면 된다!

 

 

---

Challenge 2

Stack View를 활용해보자

 

영역을 3개로 나누어서 Constraints를 이용하고자 할 때 Stack View를 사용할 수 있다!

Top, Middle, Bottom으로 각각 Stack View를 나누어주었다

 



주사위 2개를 묶어서 Constraints 속성을 주고자하는 경우

MiddleView에 주사위 Stack View를 한 번 더 추가해주어야 한다

 

---

 

 

주사위 게임 완성! ✨

Add LaunchScreen, auto layout