본문 바로가기

모호하지 않은 레이아웃2

[iOS/AutoLayout] 동일한 형태이나, 다른 방식의 모호하지 않은 레이아웃 만들기(Example of Nonambiguous Layout Solutions) AutoLayout 4번째 포스팅을 시작해보도록 하겠습니다. 지난 포스팅에서 다룬 '모호하지 않은 레이아웃(nonAmbiguous Layout)'에 이어, 1개 뷰의 레이아웃이 아닌, 2개의 UIView간의 관계를 설정하는 과정을 살펴볼까 합니다. 아래서 다룰 예시는, 제약을 위한 절대적인 해답이 아닌 모호하지 않은 레이아웃을 만들기 위한 다양한 방식 중 하나이므로 추후 원하는 화면을 구현하기 위한 참고용으로서 확인하시길 바랍니다. 모호하지 않은 레이아웃 만들기 (2) 상위 뷰(혹은 Container), 그리고 인접 뷰(neighborhood)와의 관계를 통한 AutoLayout 완성 앞서 언급한 바와 같이, 이번 포스팅에서는 2개의 UIView가 활용되는 AutoLayout을 연습해보고자 합니다. .. 2023. 7. 14.
[iOS/AutoLayout] 명확한 Layout을 위한 지침이자 제약, 모호하지 않은 레이아웃(Nonambiguous Layouts) 지난 포스팅에서 다룬 내용을 간략하게 짚고 넘어가볼까 합니다. UIKit에서 Storyboard 혹은 코드를 활용하여 뷰를 구성할 때, 일종의 '제약(Constraints)'을 설정함으로서 AutoLayout을 완성하게 됩니다. 구체적으로 제약이란, 1️⃣ 사이즈 혹은 위치를 나타내는 속성(Attributes) 2️⃣ 등호(=)를 통해 각 뷰간의 관계를 나타내는 방정식(Equations) 위 2가지 요소를 토대로 제약을 정의하게 됩니다. 이번 포스팅에서는 위에서 학습한 속성과 방정식을 활용, 올바른 제약 혹은 관계를 설정하기 위한 레이아웃을 나타내는 '모호하지 않은 레이아웃(Nonambiguous Layouts)' 에 대한 예시를 살펴볼까 합니다. 모호하지 않은 레이아웃 만들기 (1) 컴퓨터에게 정확한.. 2023. 6. 28.