AutoLayout

    [iOS][Swift] 투두리스트 앱 만들기 - UI 구성 AutoLayout Constraint 걸기

    [iOS][Swift] 투두리스트 앱 만들기 - UI 구성 AutoLayout Constraint 걸기

    1. 결과 화면 2. 레이아웃 구성 3. 구현 할 기본 기능 투두리스트 조회 투두리스트 등록 및 삭제 투두리스트 완료 체크 4. AutoLayout 스택뷰는 Safe Area 에 딱 맞춰줍니다. 위에있는 뷰의 Bottom 을 Superview 의 Top 부분으로부터 100 만큼 떨어지도록 제약을 걸어 어떤 사이즈가 와도 항상 같은 크기를 유지할 수 있도록 해줍니다. 아래 뷰는 윗 뷰 설정과는 반대로 아랫뷰의 Top 을 Superview 의 Bottom 으로부터 -100만큼 떨어지도록 제약을 걸어서 맨 아랫부분으로부터 항상 100만큼 떨어지도록 해줍니다. 이렇게 설정하면 자연스레 남은 부분은 Table View 의 차지가 됩니다.

    [iOS][Swift] 오토레이아웃 개념잡기

    [iOS][Swift] 오토레이아웃 개념잡기

    프로젝트 만들기 Create new XCode project 를 눌러 오토레이아웃을 공부할 새 프로젝트를 만들어 보겠습니다 ! 카테고리는 App 으로 하고 이름은 PracticeAutoLayout 으로 하겠습니다. 저희는 스토리보드에서 AutoLayout 을 연습해볼거니까 Main.storyboad 로 가줍니다. Label 만들기 그다음 테스트 해 볼 Label 을 하나 만들고 잘 보이게 하기 위해 예쁜 색 백그라운드 색상을 넣어줍니다 ! 오토 레이아웃 개념 Swift 의 AutoLayout 개념은 해당 뷰의 x, y 위치 와 해당 뷰의 가로 세로 크기 를 알려주면 Swift 내부에서 뷰의 위치를 계산해 동적으로 렌더링 하게 됩니다. 오토 레이아웃이 필요한 이유 Q. 그냥 마우스로 요소들만 필요한 위치에..