ScrollView 이번 시간에는 AutoLayout 을 이용한 ScrollView 구현에 대해 알아보자. SwiftUI 에서 했던 것처럼 아주 쉽게 구현될 줄 알았지만, 예상외로 알아야 하는 사항이 많아서 당황했다. 우선 스크롤 뷰를 보다 쉽게 관리하기 위해, view 의 사이즈를 freeform 으로 바꾸고 높이를 늘려주자. simulated size 를 늘렸으면, 화면 상에 Storyboard 를 추가해주자 Storyboard Navigator 를 보면, Scroll View 하위에 Content Layout guide 와 Frame Layout guide 가 존재한다. 지금부터 이 두 가지 가이드에 대해서 알아보자 Content Layout guide Apple 공식 홈페이지를 보면, Scroll..

AutoLayout - Hugging Priority Hugging Priority ​AutoLayout 에 대해 공부하던 중, Hugging Priority Attribute 는 왜 있는거고 어디에 쓰이는지 궁금해졌다. 다음과 같이 두 개의 텍스트 라벨이 있는 화면을 생각해보자 위에서 회색 배경을. forstudy.tistory.com Compression Resistance Priority 이전에 Hugging Priority 에 대해 알아보았다. 그렇다면 바로 밑에 존재하는 속성인 Compression Resistance Priority 는 뭘까?? 영어를 직역하자면 압축 저항 우선 순위라고 하는데, 지금부터 Compression Resistance Priority 에 대해 알아보자 다음과 같이 텍..

Hugging Priority ​AutoLayout 에 대해 공부하던 중, Hugging Priority Attribute 는 왜 있는거고 어디에 쓰이는지 궁금해졌다. 다음과 같이 두 개의 텍스트 라벨이 있는 화면을 생각해보자 위에서 회색 배경을 가진 라벨에 좌측 상단으로부터 20 포인트 씩 떨어져있는 제약조건을 추가해보자. 그리고 노란색 배경을 가진 라벨에 좌측, 상단, 우측으로부터 20포인트 씩 떨어져있는 제약조건을 추가해보자. 그러면 우리는 위와 같이 에러가 뜨는 것을 볼 수 있다. 에러 메시지를 살펴보도록 하자. Yellow Label 의 Hugging Priority 를 251에서 250으로 낮추라는 메시지를 볼 수 있다. 이것이 무슨 뜻일까?? 우리가 회색 라벨에 좌측 상단 20포인트 제약조건..

Constraint 다음과 같은 화면이 있다고 생각해보자. 위 스크린샷의 노란색 뷰는 넓이가 290이고, 높이가 657이다. 만약에 기기를 회전하거나 다른 크기를 가진 아이폰을 가져온다면 위 뷰는 어떻게 변할까? 아이폰이 회전되었을 때, 아이폰의 높이가 노란색 뷰보다 훨씬 작기 때문에 노란색 뷰가 화면 밖으로 벗어나는 것을 알 수 있다. 만약에 위 노란색 뷰가 사용자에게 보여줘야할 텍스트 뷰라면, 화면을 돌렸을 때 아래와 같이 보여줘야 하는게 훨씬 사용자 경험을 좋게 할 것이다. 즉 아이폰을 회전하거나, 크기가 다른 아이폰을 사용할 때 우리가 의도한 대로 사용자에게 콘텐츠를 보여주는게 궁극적인 목표라 할 수 있을 것이다. 만약 크기가 더 작은 아이폰을 사용했을 때 뷰들이 화면 밖으로 빠져 나간다거나 하는..