본문 바로가기

728x90

AutoLayout

[iOS] codebase UI 4월의 마지막 날.스토리보드와의 이별을 준비를 해 보자.  |  codebase    장점:  협업 시 UI conflict 해결이 쉽다. 더 다양한 UI 표현이 가능하다.    단점:  비시각적 → 오토레이아웃 오류를 볼 수 없다. 코드가 길어진다. components 속성을 알아야 한다. 등등    |  Main.storyboard 이별 준비  :  SceneDelegate에서 코드를 수정한다.  |  화면에 components 추가하기 :  기존에 Outlet 연결한 것처럼 UI components를 초기화해서 넣어준다. ※  storyboard에서 view를 얹는 순서와 같기에 addSubView를 해주는 순서가 중요하다.        예) imageview 위에 label이 올라가는 경우처럼! .. 더보기
[iOS] 메모 앱 만들기 Day-8 (WTF Auto Layout) Unable to simultaneously satisfy constraints. Probably at least one of the constraints in the following list is one you don’t want. Try this: (1) look at each constraint and try to figure out which you don’t expect; (2) find the code that added the unwanted constraint or constraints and fix it. 여러 view 사이의 constraint끼리 충돌해서 생긴 오류가 났다. 절대적인 좌표계를 사용하는 건 화면의 정해진 사이즈를 알고 있다고 가정하는 것인데 내가 그린 화면이 여러 사이.. 더보기
[iOS] AutoLayout - Constraints, AutoLayout Engine, Size Classes, Interface Builder UI 컴포넌트의 위치를 설정하는 AutoLayout 개념에 대해 알아봅니다. Constraints Autolayout의 핵심 개념으로, 뷰와 뷰 사이의 관계를 나타낸다. 뷰의 위치와 크기를 결정하고, 뷰의 상대적인 위치를 설정하는데 사용 ※ Add New Aligment Constraints 와 Add New Constrains 차이점 * Alignment Constraints - 말 그대로 정렬을 통해 뷰의 제약을 설정 * Constraints: 넓은 개념의 제약. 상하좌우 영역을 지정해 뷰의 제약을 설정 AutoLayout Engine 제약 조건을 기반으로 뷰의 최종 위치와 크기를 계산 → 다양한 화면 크기와 방향에 대응할 수 있는 UI 구현 Size Classes 화면 크기와 방향에 따른 뷰의 레이.. 더보기
[iOS] UIKit - UIViewController, UIView, AutoLayout 2024년 3월 18일 월요일 기본적인 큰 줄기 개념 위주로 훓어보고, 디테일하게 다시 파고들 예정. 실제로 부딪혀 보는 경험이 중요할 것 같다. 📌 UlKit = User Interface Kit 사용자 인터페이스를 관리하고 이벤트 처리가 주목적인 프레임 워크(framework) = Object Library가 모인 뼈대(frame) 📌 UIView 화면을 구성하는 요소의 기본 클래스. 여러 UI 컴포넌트들을 보여준다. 여기서 '요소'란 Label이나 Button과 같은 Components, 하위 클래스 📌 UIViewController 앱의 근간으로, 전체적인 인터페이스의 레이아웃을 관리하며 다른 뷰 컨트롤러와 앱을 구성한다. 📌 AutoLayout 제약 조건(Constraints)을 이용해서 뷰의 .. 더보기

728x90