스위프트 Interface Builder 와 UI 구성

Interface Builder

Main.stroyboard 파일을 통해 Interface Builder를 열 수 있다.

 

이 Interface Builder를 사용해 시각적인 사용자 인터페이스를 직접 설계하는데 사용한다.

 

UIButton,  UILabel, UITextfield, UIImageVIew 등 사용할 수 있는 객체를 Drag&Drop 방식으로 위치를 조정하여 배치해 앱에서 사용할 수 있게 디자인 한다.

 

코드와 객체의 관계를 직관적으로 설정할 수 있다는 장점이 존재한다. 또한 앱 흐름 및 구조를 시각적으로 파악이 가능하다.

 

뷰 컨트롤러 및 화면 디자인

스토리보드에 사용할 수있는 객체를 먼저 배치하는 방법이다.

1. 검색(단축키 : commend + shift + L)

 

단축키를 사용해 사용하고 싶은 객체를 검색한 후 마우스로 드래그를 하여 놓고 싶은 곳에 위치시킨다.

 

2. 사용하고 싶은 객체를 드래그 한 후 위치 시켜 놓았다면 속성을 변경할 수 있다.

 

객체를 클릭하면 위의 사진 처럼 속성을 변경할 수 있게 설정하는 창이 나온다. 이후 왼쪽에 있는 설정 창으로 내가 변경하고 싶은 대로 속성을 변경한 후 위치를 이동 시키면 된다.

 

현재는 Label 객체에 대한 설명이다. 다른 객체를 사용해도 위와 비슷하니 변경하고 싶은 만큼 변경을 하고 위치와 크기 등을 조절하여 놓고 싶은 위치에 놓을 수있다.