( iOS ) 개발하기 5 - 간단한 텍스트 배치 및 Layout 조정하기

( iOS ) 개발하기 4 - 프로젝트 내 휴대폰에 설치하기

( iOS ) 개발하기 3 - Create Project

( iOS ) 개발하기 2 - xcode 실행과 swift 둘러보기

4화에서 아무것도 없는 프로젝트를 만들어 휴대폰에 올려보았다.

이번화에서는 간단한 버튼/라벨 등을 만들고, 버튼액션으로 라벨을 변경해보자.

GOGO

- 먼저 저번 프로젝트를 열어보자.

오픈 후, 그림처럼 Main.storyboard 파일을 클릭하여봅시다.

왠 사각형 박스가 눈에 보인다.

이 화면이 이제 아이폰화면이 될 텐데..뭔가 이상하다.

아이폰은 보통 세로로 길고 가로가 많이 짧은 스타일인데, 이 화면은 세로와 가로크기가 크게 차이나지 않는다.

우선 이 화면에 Text 를 추가해보자.

라벨을 가져다 때려넣고 빌드를 해보자.

(Command + R)

나는 분명 라벨을 가운데 위치시켰는데.. 이상하게 실제로 폰에 올려보니 저렇게 오른쪽으로 치우져있다

왜 그런지 알아보자. 

xcode 에서 뷰를 클릭하고, 아까 라벨을 추가시켰던 메뉴 위쪽 메뉴를 보자.

      이 그림이다. 

여기서 Layout 관련 기능중...눈에 띄는것이 

[ Use Auto Layout ]

[ Use Size Classes ]

 

뭔가 자동으로 사이즈를 조절해 준다는 느낌이 온다. 요 두개를 꺼보자.

화면사이즈가 아이폰스럽게 변경되었다. 이제 이 레이아웃대로 화면이 출력될 것이다.

그럼 이제, 버튼을 추가하고 액션을 달아보자.