Interface Builder와 UI 구성

 

View를 하나 넣었다.

맨 아래에 있는 View를 컨트롤 하는 것은 그 위에 있는 View가 아니라, View Controller 이다.

말장난 같지만 중요한 것이기 때문에 절대 잊지 말것!!

 

 

StoryBoard에서 무언가를 추가하고 싶을때, 가장 간단하고 쉬운 방법은 바로 단축키를 이용하는 것이다.

Shift + Command + L 을 누르면 위와 같은 화면이 뜨는데, 이때 드래그 앤 드롭~~

쉽다.

단축키 너무 좋아

 

드래그 앤 드롭을 하는 스토리보드는 결국 디자인을 하는 부분이다.

이를 앱에서 보기위해서는 빌드를 해야하고,

정상적으로 기능하게 만들기 위해서는 코드를 통해 연결해줘야 한다!

 

 

왼쪽은 스토리보드, 오른쪽은 빌드 후 시뮬레이터에서 실행을 했을때의 모습이다.

스토리보드 상에서는 ImageView가 제대로 보이지만, 시뮬레이터에서는 보이지 않는다.

이럴때는 ImageView에 백그라운드 컬러를 넣어주면, 어느정도 영역을 점유하고 있는지 보이게 된다!

나중에 다른 버튼이나 레이블과 겹쳐서 제대로 실행되지 않을 때, 만약 ImageView가 투명하다면 알아차리기가 쉽지 않지만, 

백그라운드 컬러를 넣어주면 단번에 확인할 수 있다!

 

 

ImageView만 보더라도 오른쪽 처럼 다양한 효과를 주어서 Image를 꾸밀 수 있는데, 이처럼 다양한 속성들을 활용해서 기능을 익혀두는 것이 좋다.

 

Interface Builder를 배우면서, 뭐가 복잡해보였지만, 직접 하나하나 만져보니 결국 그렇게 어렵지 않은 것들이었고, 하나하나 커스터마이징이 가능하다는 재미가 있는 것 같다.