Mobile/IOS
IOS 오토레이아웃 (Auto Layout)
까리송
2015. 11. 12. 23:53
반응형
아이폰 6가 나오면서 다양한 해상도가 추가됨 오토레이아웃없이 새로운 프로젝트가 힘들게 됨.
일단 프로젝트를 한 개 만들어주시고 스토리보드에 라벨을 한 개 만들어주세요.
하단Align 버튼을 클릭해주세요. 왼쪽 오른쪽 위치시키는 조건입니다.
(안드로이드처럼 Horizontally center vertically center 랑 같은 조건 !)
Add Constraints 눌러주세요 !
이상한 선들이 생기면서 먼가 심상치 않습니다.
하단 Resolve Auto Layout Issues 눌러주시고 Update Frames 눌러주세요~
와~ 그러면 안드로이드 릴레이티브처럼 중앙에 위치 !
또다른 Pin 을 이용해서 만들어 봅시다. 높이 거리등을 셋팅을 해줍니다.
Text Field 만들어주시고~ 하단Pin 클릭 탑이랑 50을 만들고 가로,세로도 고정으로 만들 수 있습니다.
Align 클릭해서 Horizontal 을 Add해주세요~
스위치도 똑같이 해주세요~
하단 3번째(Resolve Auto Layout Issues) 눌러주시고 Update Frames 를 클릭해주세요
그럼 정렬이 잘 되는지 Run 을 해보시면 잘 된 걸 볼 수 있습니다.
끝~
반응형