티스토리 뷰

iOS

auto layout

강경 2020. 12. 10. 00:15
728x90
반응형

앱을 만들 때 고려해야할 사항중 하나는, 모든 기기에서 같은 layout구조가 나타나야 한다는 것이다.

Main.storyboard의 preview보기를 통해 여러개의 디바이스에서 보이는 화면을 확인할 수 있다.

이러한 설정을 쉽게 해줄 수 있는게 바로 auto layout 이다.

 

Add Missing Constaints를 해주면 xcode가 자동으로 오토레이아웃을 잡아준다

Add Missing Constaints를 이용하는 방법도 있지만, 제대로 잡아주지 않는 경우가 대부분이기 때문에

(디자이너의)디자인 의도에 맞게, 직접 지정해 주는게 더 적합한 방법이다.

(Clear Constraints를 해주면 기존에 잡힌 오토레이아웃을 제거해준다)

 

컨트롤 누른 상태에서 MyPictures를 클릭한 채로 끌어서 view에 가져다 놓는다
상위 3개를 선택하면 부모뷰(View)에 대해 각각 위 왼쪽 오른쪽으로 오토레이아웃 설정이 가능하다

 

컨트롤 누르고 자기 자신한테 가져다대면 width와 height에 오토레이아웃을 적용시켜줄 수 있다

 

* 오토레이아웃을 줄 때는 사이즈와 위치정보를 주어야만 빨간색 동그라미가 안생긴다!!

728x90
반응형

'iOS' 카테고리의 다른 글

Table View  (0) 2021.01.05
앱Icon 및 앱 이름 설정  (0) 2020.12.10
Styling  (0) 2020.12.09
변수 - Local vs Instance  (0) 2020.12.09
타입 추론  (0) 2020.12.09