스토리보드로 Hello World 앱 화면 꾸미기

Hello World 앱의 구성

1. 텍스트를 보여주는 'Label' 객체
2. 사용자가 직접 글자를 입력할 수 있는 'Text Field' 객체
3. 이름을 전송하는 'Button' 객체를 사용한다.

스토리보드에서의 객체란?

사용자 인터페이스를 위해 사용하는 Label, Button 등의 오브젝트를 의미한다.

라이브러리에서 가져와 사용할 수 있다.

레이블 추가하고 수정하기.

아이폰 화면을 통해 텍스트를 나타낼 때 주로 사용하는 객체는 'Label'이다.

1. 레이블 추가하기

   • 화면 상단의 'Library'(+) 버튼을 클릭한 후 Label을 선택해 스토리보드로 끌어와 화면 위쪽 중앙에 배치한다.
   • 레이블의 길이보다 출력하고자 하는 내용이 더 길 경우 내용이 잘려서 안 보일수 있다. 충분히 출력될 수 있도록 크기를 조절한다.
   • 레이블을 마우스로 더블 클릭한 후 내용을 'Hello'로 변경한다.
   • 오른쪽 인스펙터 영역의 'Attributes inspector'(오른쪽에서 세번째) 버튼을 클릭한다.
   • 그런 다음 정렬(Alignment)를 가운데 맞춤으로 선택한다.
   • 인스펙터 영역에서 글자의 색상을 파란색으로, 글자 크기를 20으로 조절한다.

2. 같은 방식으로 레이블을 두 개 더 추가한다.

   • 두 번째 레이블의 내용에는 'This is SWIFT World!!!'를,
   • 세 번째 레이블의 내용에는 'Name:'을 입력한다.

텍스트 필드와 버튼 추가하고 수정하기

텍스트 필드는 사용자로부터 텍스트를 입력받을 때 사용하는 객체이고, 버튼은 사용자로부터 액션을 입력받을 때 주로 사용하는 객체이다. 1. 텍스트 필드(Text Field) 추가하기

• 상단의 라이브러리에서 Text Field를 찾아 추가한다.
• 텍스트 필드를 선택해 크기를 조절한다.

1. 버튼 추가하기

   • 상단의 라이브러리에서 버튼을 끌어와 추가한다.
   • 버튼을 더블클릭하여 버튼의 글자를 'Send'로 변경한다.

✔︎ 현재는 자동 레이아웃을 설정하지 않아서 객체가 다른 객체에 의해 잘리거나 겹치게 될 수 있어서, 스토리보드에 경고 메시지가 출력될 수 있다.