[IOS] X Code에서의 UI 구성 방법, @IBOutlet 과 @IBAction , 컨트롤 이벤트의 종류

 

* Xcode에서의 UI 구성방법 3가지

1. xib File

xib확장자를 가진 단일파현에서 구현하는 방식이다. 스토리보드가 나오기 이전 부터 사용하던 방식이지만, Xcode 스토리보드의 버그나 에러를 방지 하기 위하여 요즘에도 사용하는 방식이다.

하나의 화면 및 하나의 UI를 xib확장자의 단일파일에 구현한다. 그리고 파일 사이의 연결을 코드로 직접 구현해야한다.

장점 : 여러명의 개발자가 협업시에 코드 충돌이 발생하지 않아 협업에 수월하며, 편집 속도가 빠르다.

단점 : 화면의 흐름을 시각적으로 확인하기 어렵다.

2. Storyboard

Xcode의 스토리보드에서 화면과 실행흐름을 함께 구현하는 방식.

장점 : Segue를 통해 화면의 전환을 눈으로 직관적으로 확인하며 개발할 수 있다.

단점 : 화면의 개수가 많아지게 되면, 편집 속도가 느려지고 편집에 복잡해지기 된다.

3. SwiftUI

최근에 나온 방식이라 현업에서 잘 쓰이지는 않고 있으나, 2 ~ 3년 뒤에는 다를것이라고 한다.

장점 : 생명주기를 관리할 필요가 없고 , UI를 그리기가 쉽다고 한다.

단점 : 최근에 나왔기 때문에 라이브러리가 부실하다고 한다.

* UI와 코드를 연결하는 Outlet과 Action

• @IBOutlet과 @IBAction은 스토리보드의 UI와 코드를 연결하는 역할을 한다.
• IB 는 Interface Builder의 약자이다.
• @는 어노테이션 이라고 하며, 프로퍼티(변수 혹은 메소드)의 성격을 알려주는 역할을 한다. (여기에서는 객체가 인터페이스 빌더와 관련있음을 의미한다)

<@IBOutlet >

• 정의 : 컨트롤러의 header file에 선언된 객체를 인터페이스 빌더가 인식하도록 연결 하는것.
• 코드를 통해서 스토리보드의 UI에 접근할 때 사용한다.
• UI에 접근하기 위한 속성이라고 생각하면 된다.

    @IBOutlet weak var label: UILabel!

<@IBAction>

• 컨트롤에서 발생한 이벤트를 코드를 통해서 처리할 때 사용한다.
• 즉, 버튼등이 클릭되는 '이벤트' 가 발생했을때 어떤 동작을 할 것인지 정의하는 메소드라고 생각하면 된다.

@IBAction func btn(_ sender: Any) {
    }

* 컨트롤 액션의 종류

touchDown : 컨트롤을 터치했을 때 발생하는 이벤트
UIControl.Event.touchDown

touchDownRepeat : 컨트롤을 연속 터치 할 때 발생하는 이벤트
UIControl.Event.touchDownRepeat

touchDragInside : 컨트롤 범위 내에서 터치한 영역을 드래그 할 때 발생하는 이벤트
UIControl.Event.touchDragInside

touchDragOutside : 터치 영역이 컨트롤의 바깥쪽에서 드래그 할 때 발생하는 이벤트
UIControl.Event.touchDragOutside

*touchDragEnter : *터치 영역이 컨트롤의 일정 영역 바깥쪽으로 나갔다가 다시 들어왔을 때 발생하는 이벤트
UIControl.Event.touchDragEnter

*touchDragExit : *터치 영역이 컨트롤의 일정 영역 바깥쪽으로 나갔을 때 발생하는 이벤트
UIControl.Event.touchDragExit

*touchUpInside : *컨트롤 영역 안쪽에서 터치 후 뗐을때 발생하는 이벤트
UIControl.Event.touchUpInside

*touchUpOutside : *컨트롤 영역 안쪽에서 터치 후 컨트롤 밖에서 뗐을때 이벤트
UIControl.Event.touchUpOutside

*touchCancel : *터치를 취소하는 이벤트 (touchUp 이벤트가 발생되지 않음)
UIControl.Event.touchCancel

*valueChanged : *터치를 드래그 및 다른 방법으로 조작하여 값이 변경되었을때 발생하는 이벤트
UIControl.Event.valueChanged

*primaryActionTriggered : *버튼이 눌릴때 발생하는 이벤트 (iOS보다는 tvOS에서 사용)
UIControl.Event.primaryActionTriggered

*editingDidBegin : *UITextField에서 편집이 시작될 때 호출되는 이벤트
UIControl.Event.editingDidBegin

*editingChanged : *UITextField에서 값이 바뀔 때마다 호출되는 이벤트
UIControl.Event.editingChanged

*editingDidEnd : *UITextField에서 외부객체와의 상호작용으로 인해 편집이 종료되었을 때 발생하는 이벤트
UIControl.Event.editingDidEnd

*editingDidEndOnExit : *UITextField의 편집상태에서 키보드의 return 키를 터치했을 때 발생하는 이벤트
UIControl.Event.editingDidEndOnExit

allTouchEvents : 모든 터치 이벤트
UIControl.Event.allTouchEvents

allEditingEvents : UITextField에서 편집작업의 이벤트
UIControl.Event.allEditingEvents

*applicationReserved : *각각의 애플리케이션에서 프로그래머가 임의로 지정할 수 있는 이벤트 값의 범위
UIControl.Event.applicationReserved

*systemReserved : *프레임워크 내에서 사용하는 예약된 이벤트 값의 범위
UIControl.Event.systemReserved

*allEvents : *시스템 이벤트를 포함한 모든 이벤트
UIControl.Event.allEvents

* 주의점

• 코드를 작성 하고, 스토리보드의 UI와 코드를 연결해주어야 한다.
• Outlet이나 Action을 연결했다면, 삭제할 때는 Scene에서도 삭제하고, 코드내에서도 삭제해야한다.

connection Inspector에서 연결 상태를 확인하고 관리 할 수 있다.