[iOS 앱 개발] FirstApp (2) - 오토 레이아웃 제약 정리
안녕하세요. 개발하는 정주입니다.
오늘은 FirstApp 두 번째 이야기, 오토 레이아웃 제약에 대해 포스팅하려고 합니다.
오토 레이아웃은 뷰에 위치 제약을 추가하여 해상도가 다른 기기 모두에서 일정하게 보이게 해주는 기능입니다.
이 제약을 정리해두지 않으면 통일성도 떨어질 것 같고 기억도 나지 않을 것 같아 이렇게 포스팅하게 되었습니다.
그럼 시작합니다.
런처 화면
런처 이미지
left : 110pt
top : 230pt
right : 110pt
bottom : -
런처 텍스트
left : 런처 이미지와 가로 가운데 정렬
top : 24pt
right : 런처 이미지와 가로 가운데 정렬
bottom : -
홈 화면
Color Input Field
left : 20pt
top : 20pt
right : 15pt
bottom : -
Done Button
left : 15pt
top : Color Input Field와 세로 가운데 정렬
right : 20pt
bottom : Color Input Field와 세로 가운데 정렬
Color Lable
left : 20pt
top : 20pt
right : -
bottom : -
Bookmark Button
left : -
top : Color Lable과 세로 가운데 정렬
right : 20pt
bottom : -
Center Image
left : 20pt
top : 30pt
right : 20pt
bottom : -
border : 10pt
마무리 잡담
오토 레이아웃을 위해 정리를 했다지만 아직 오토 레이아웃이 어떻게 동작하는지 몰라서 내용은 언제든지 수정될 수 있습니다.
생각대로, 기획대로 개발이 되면 참 좋겠지만 인생이 쉽지 않죠.
분명 어딘가 꼬이고 막히는 구석이 생길 텐데 열심히 해야겠습니다.
감사합니다!
아직은 초보 개발자입니다.
더 효율적인 코드 훈수 환영합니다!
공감과 댓글 부탁드립니다.