인터페이스 빌더에 대해서(IB)

인터페이스 빌러란?

스토리보드 & 메인보드 다
화면을 기초적으로 구성할 수 있는 영역이라고 볼 수 있다.
viewcontroller, Label, Button 등을 구성하여 화면의 큰그림을 그릴 수 있는 곳이다.

IBOutlet, IBAction

먼저 이 둘의 역할은 StoryBoard와의 연결고리를 담당한다. 변수나 함수를 정의할 때 앞에 @IBAction 또는 @IBOutlet 키워드를 통해 StoryBoard에서 버튼이나 레이블같은 컴포넌트와 연결이 가능하다.

IBAction은 말그대로 액션(눌렀을때 행동되는것들)이 일어난 경우 호출되는 Action을 정의해둔 것이고,
(객체의 이벤트를 연결할때  액션 메소드)

IBOutlet은 값에 접근하기위한 변수라고 보면 편할 것 같다.
-버튼의 외형 및 성질에 관한 값을 변경할때  사용
(객체 속성을 제어할때 아울렛 프로퍼티)
(말 그대로 Action은 입력이 들어왔을때 어떤 행동을 할 지를 나타내고 Outlet은 데이터를 가져오는 것이다.)

스토리보드의 객체를 클래스와 연결

Label를 하나 만들어준다. 스토리보드에서 option키를 눌러 viewcontroller 같이 열어준다.
그후 Label를 control를 누른상태에서 viewcontroller로 당겨주면 사진과 같은 화면이 나타난다.
Name에는 사용할 변수명을 넣어주면된다.(Label은 IBOutlet로 생성된다.)

Button를하나 만들어준다. 스토리보드에서 option키를 눌러 Viewcontroller 같이 열어준다.
그후 Button를 control를 누른상태에서 viewcontroller로 당겨주면 사진과 같은 화면이 나타난다.
Name에는 사용할 변수명을 넣어주면된다.(버튼은 IBAction으로 생성이 된다. 추가적인 액션을 넣어줄 수 있다.)

스토리보도의 객체를 코드와 연결

Viewcontroller에서 @IBOutlet var 변수명 으로 코드 작성을 해준다. 왼쪽 숫자모형에 O가 생기는걸 볼 수 있을것이다.
그 O에서 Label로 드래그 할경우 작성한 코드에 맞게 스토리보드에 연결이 가능하다.