UIKit3 12 - Scroll Views 앱에서 굉장히 많이 쓰이는 스크롤뷰 기존과 비슷하게 화면을 꽉 채우기 위해서 View에 마진 없이 제약을 걸어주면 아래와 같은 빨간 줄이 생긴다... 스크롤뷰 위에 뷰를 하나 올리고 뷰를 스크롤뷰의 각 엣지에 맞게 정렬해주기 (Top, Leading, Bottom, Trailing 각 0으로) 그리고 위아래로만 스크롤 하기 위해서 스크롤뷰와 뷰(컨텐츠 영역)의 너비를 같게 해준다. 이후 컨텐츠뷰 안에 원하는 뷰(여기서는 레이블)을 넣고 Top,Leading,Bottom 제약을 걸어준다. 왜 이런 방식으로 ? 스크롤뷰가 움직여야 하는 전체 사이즈는 스크롤 뷰 내에 있는 콘텐츠 사이즈와 같음. 스크롤뷰 안에 컨텐츠가 없으면 안된다는 의미! (스크롤뷰 프레임 자체가 아니라 내부 컨텐츠 사이즈가 지정되지 않아서.. 2023. 4. 1. 2. Auto Layout_Priority Simple Constraints 문제를 몇 개 풀어보자. https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/AutolayoutPG/WorkingwithSimpleConstraints.html#//apple_ref/doc/uid/TP40010853-CH12-SW1 Auto Layout Guide: Simple Constraints developer.apple.com 만약 width가 동일한 두 뷰가 있는데, 한 쪽 뷰의 너비가 다른 한쪽 뷰 너비의 2배가 되게 하려면 어떻게 해야 할까? multiplier를 이용해 보자. 편의를 위해 오렌지색 뷰를 LeftView, 민트색 뷰를 RightView로 이름을 .. 2023. 3. 24. 0. Auto Layout 집중 공략 오토레이아웃을 완전 처음 접했을 때는 온갖 빨간 줄에 시달렸었다. 스토리보드를 통해 오토레이아웃을 잡기도 하고 코드로도 잡아보며 어느정도 사용해 보고 나니 간단한 에러는 해결할 수 있었다. 하지만 지금까지는 너무나도 간단한 레이아웃들이었다고 생각한다. 따라서 아주 복잡한 화면구성이 필요한 순간에도 오토레이아웃을 잘 잡을수 있는 능력을 습득하고자 따로 공부를 더 하기로 한다. (화려한 애니메이션에도 욕심이 많다..) 오토레이아웃에서 '제약'은 필수이다. (top, leading, trailing, bottom에 제약을 걸어봤을 것이다.) 오토레이아웃의 제약은 수식으로도 표현할 수 있다.(원래 수식으로 되어 있다. 스토리보드로 간단하게 쓸 수 있도록 되어 있을 뿐) 위 그림을 보면 빨간색 뷰의 앞부분(lea.. 2023. 3. 21. 이전 1 다음
