💡 TIL - 22.07.05

sani·2022년 7월 5일

TIL UIkit iOS

✅ Checklist

UIKit
UIViewController
UIView
@IBOutlet
@IBAction

1. UIKit

iOS, iPadOS, Mac Catalyst, tvOS, watchOS 앱을 만들 때 필요한 User Interface 도구 프레임워크다.

인터페이스를 위한 윈도우와 뷰 아키텍쳐, 사용자의 인풋을 전달하는 이벤트 핸들링 인프라스트럭쳐 등을 제공하며, 사용자와 시스템, 그리고 우리의 앱! 사이의 인터랙션을 관리할 수 있도록 해 준다 :)

iOS 앱 제작에서 UIKit 혹은 SwiftUI는 꼭 필요하다! 화면이 있어야 하니까..!!

→ UIKit 보러 가기

2. UIViewController

UIViewController는 뷰를 관리하는 객체다! UIResponder를 상속받는다.

UIResponder는 이벤트에 반응하고 이벤트를 다루는 추상적 인터페이스라고 한다 :)

우리가 흔히 뷰컨이라고 부르는 뷰 컨트롤러는 쉽게 말하자면 요런 화면 하나다!

그리고 이 View Controller는 UIViewController를 상속받아 만들어지게 된다 :)

그냥 UIViewController를 사용해도 되지만,

UITabBarController, UINavigationController, UITableViewController, UICollectionViewController 등

목적에 따라 나눠 지기도 한다!

스토리보드만으로도 화면을 만들 수 있지만, 굉장히 제한적이고 앱의 동작이나 기능 등을 구현하려면 코드로 해야 한다.

이 때 우리는 View Controller 파일을 만들어서 구현을 하게 된다~!

→ UIViewController 보러 가기

3. UIView

화면에서 직사각형 영역의 컨텐트를 관리하는 객체..

UIView도 UIResponder를 상속받기 때문에 터치 같은 사용자의 이벤트를 다룰 수 있다.

상속이라구....?
좀 더 이해하기 쉽게 적어 보자면,

비어있는 UIView도 만들 수 있지만, 이런 화면에서 보이는 UIImageView, UIButton, UILabel 등은 모두 UIView를 상속받는다.

이게 바로 저런 요소 하나 하나를 뷰라고 부를 수 있는 이유다(?)!

또 예를 들어

UILabel과 UIButton은 둘 다 UIView를 상속받기 때문에, UIView의 layer 속성에 dot syntax로 접근이 가능하다!

label.layer.cornerRadius = 10
button.layer.cornerRadius = 10

하지만 텍스트나 텍스트 컬러의 경우,

UILabel와 UIButton의 속성이 다르기 때문에 서로 다른 방식으로 접근해서 변경해야 한다.

label.text = "레이블"
button.setTitle("버튼", for: .normal)

label.textColor = .red
button.setTitleColor(.red, for: .highlighted)

label.backgroundColor = UIColor.yellow
button.backgroundColor = .yellow
// backgroundColor가 UIColor를 상속받기 때문에, 위처럼 UIColor를 생략할 수도 있다

버튼은 사용자의 이벤트를 받는 것이 가능한 객체다!
UIButton이 UIView를 상속받는다고 위에 적었는데,
UIButton이 UIControl을 상속받고, 그 UIControl이 UIView를 상속받는 형태다.
(UIView > UIControl > UIButton의 순서대로 상속된다.)

유저의 인터랙션을 다루는 클래스라고 생각하면 될 것 같다 🤔

버튼의 .setTitle에서는,

이렇게 버튼의 상태값도 같이 지정해 주어야 한다!
for state: UIControl.State라고 나와있다.
State는 컨트롤의 현재 상태를 나타내는 상수값이다.

위 코드에서 .normal은 누르지 않은 상태를,
.highlighted는 버튼을 누른 상태(손가락을 떼기 전)를 의미한다 :)