Dev.YoungKyu
YoungKyu's Devlog
전체 방문자
오늘
어제
  • 분류 전체보기 N
    • 부스트캠프
    • iOS N
    • visionOS
    • Backend N
    • 알고리즘
    • CS
    • Git
    • Python
    • 끄적끄적

블로그 메뉴

  • 홈
  • 🌝 티스토리 홈
  • ⭐️ 깃허브
  • 태그

공지사항

인기 글

최근 댓글

최근 글

태그

  • Concurrency
  • 티스토리챌린지
  • if let
  • 알고리즘
  • MVC
  • Optional
  • 백준
  • jekyll
  • image
  • AutoLayout
  • boj
  • CS
  • 소프트웨어공학
  • ImageResource
  • alamofire
  • Swift5.7
  • AVAudioSession
  • ios
  • Git
  • Python
  • guard
  • SwiftUI
  • constraint
  • 오블완
  • 소프트웨어 테스트
  • 부스트캠프
  • 소프트웨어 공학
  • Animation
  • swift
  • 모듈화

티스토리

hELLO · Designed By 정상우.
Dev.YoungKyu
iOS

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

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

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

2022. 9. 11. 15:06

1. 결과 화면

image-20210813152914048

2. 레이아웃 구성

image-20210813172802978image-20210815160328350

3. 구현 할 기본 기능

  • 투두리스트 조회
  • 투두리스트 등록 및 삭제
  • 투두리스트 완료 체크

4. AutoLayout

image-20210815160328350

스택뷰는 Safe Area 에 딱 맞춰줍니다.

image-20210815160632397

위에있는 뷰의 Bottom 을 Superview 의 Top 부분으로부터 100 만큼 떨어지도록 제약을 걸어 어떤 사이즈가 와도 항상 같은 크기를 유지할 수 있도록 해줍니다.

image-20210815160957710

아래 뷰는 윗 뷰 설정과는 반대로 아랫뷰의 Top 을 Superview 의 Bottom 으로부터 -100만큼 떨어지도록 제약을 걸어서 맨 아랫부분으로부터 항상 100만큼 떨어지도록 해줍니다.

이렇게 설정하면 자연스레 남은 부분은 Table View 의 차지가 됩니다.

'iOS' 카테고리의 다른 글

[iOS][Swift] guard 문  (0) 2022.09.11
[iOS][Swift] 코딩 컨벤션  (0) 2022.09.11
[iOS][Swift] Class 와 Struct  (1) 2022.09.11
[iOS][Swift] 오토레이아웃 개념잡기  (0) 2022.09.11
[iOS][Swift] Closure를 활용해 간단한 계산하기  (0) 2022.09.11
    'iOS' 카테고리의 다른 글
    • [iOS][Swift] 코딩 컨벤션
    • [iOS][Swift] Class 와 Struct
    • [iOS][Swift] 오토레이아웃 개념잡기
    • [iOS][Swift] Closure를 활용해 간단한 계산하기
    Dev.YoungKyu
    Dev.YoungKyu
    iOS를 공부하고 있습니다

    티스토리툴바

    단축키

    내 블로그

    내 블로그 - 관리자 홈 전환
    Q
    Q
    새 글 쓰기
    W
    W

    블로그 게시글

    글 수정 (권한 있는 경우)
    E
    E
    댓글 영역으로 이동
    C
    C

    모든 영역

    이 페이지의 URL 복사
    S
    S
    맨 위로 이동
    T
    T
    티스토리 홈 이동
    H
    H
    단축키 안내
    Shift + /
    ⇧ + /

    * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.