IOS 오토레이아웃 (Auto Layout)

2015. 11. 12. 23:53Mobile/IOS



반응형

아이폰 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 을 해보시면 잘 된 걸 볼 수 있습니다.











끝~



반응형

'Mobile > IOS' 카테고리의 다른 글

swift 언어 Stirng 배열 + Int 배열  (0) 2015.12.04
Swift 반복문 및 사칙연산  (1) 2015.11.23
엘캐피탄 후기 및 설치  (0) 2015.11.16
ios swift + 아이폰 개발 입문  (1) 2015.11.10
ios 개발 첫걸음 hello world  (0) 2015.11.07