[iOS] 오토레이아웃 적용 완료

오토레이아웃 적용

만들어둔 bmi앱에 오토레이아웃을 적용하는 연습을 진행했다.

iPhone11, iPhone 8 Plus, iPad Pro에 빌드한 화면이고 모두 문제없이 잘 진행...되는듯...

했지만!!!

 

세로모드에서는 저 근육 팔(?) 아이콘 이미지가 나오도록 하는게 불가능할거라 생각하여, 아예 화면 밖으로 배치가 되도록 해봤다.

세로모드(landscape)를 한 번 확인해보자.

오~?

 

잘 되는 듯 했다.

 

그런데......

 

????

?!?!?!?!

 

처음으로 오토레이아웃 실습을 진행했기에 무엇이 문제인지 도저히 감이 잡히지 않았다.

 

 

스토리보드를 한 번 확인해보자.

portrait

가로화면에서는 아무 문제 없어 보이는 듯... 괜찮아 보였다.

 

landscape

 

?!?!

세로로 돌리니 웬 빨간줄이 엄청나게 나타난다.

 

확인을 해보니 충돌 제약 에러가 뜬다. ㅠㅠ

이거저거 조금씩 만져보다가 나온 결론은, 근육 이미지???

세로모드에서 화면 밖으로 나가버린 근육 아이콘 이미지가 문제!

 

여기서 내가 생각할 수 있는 해결법은 세 가지

1. 이미지는 어차피 장식용이었으니까 그냥 삭제한다.

2. 스크롤 뷰를 사용한다.

3. 세로 모드를 막는다.

 

아쉽게도 나는 일단 1번을 선택했다.

아이콘 이미지를 삭제하자마자 문제가 깔끔하게 해결되었다.