iOS - UIKit vs SwiftUI 에 대해서 (1)

SwiftUI에 대해서  → 2023.07.16 - [iOS] - UIKit vs SwiftUI 에 대해서 - (1)

 

 

UIKit 이란?

iOS 애플리케이션의 사용자 인터페이스(UI)를 구축하고 관리하기 위한 프레임워크이다.

 

Apple에서 개발한 UIKit은 iOS 개발에 핵심적으로 사용되며, 앱의 화면 구성, 사용자 입력 처리, 애니메이션, 그리고 이벤트 처리 등을 다루는데 필수적인 도구들을 제공한다. 

 

UIKit은 ViewController와 Storyboard를 중심으로 UI를 개발한다. 인터페이스 빌더를 사용해서 UI 요소를 시각적으로 배치하고 코드로 이를 조작한다. 

 

 

UIKit의 주요 기능과 구성 요소 (예시 코드)

 

UIView 

UIKit의 기본적인 구성 요소이다. 화면에 보이는 모든 UI 객체들의 기본 클래스이다. 

버튼, 레이블, 이미지뷰 등 다양한 UI 요소들은 UIView를 상속하여 생성된다. 

 

import UIKit

class MyView: UIView {
    override func draw(_ rect: CGRect) {
        // 뷰 내부에 그리기
        let context = UIGraphicsGetCurrentContext()	//현재 그래픽 컨텍스트 얻음
        context?.setFillColor(UIColor.blue.cgColor)	//그래픽 컨텍스트의 색상을 blue로 설정
        context?.fill(rect)	//사각형을 blue로 채움
    }
}

 

 

 

UIViewController

화면을 관리하고 View의 동작을 제어하는 클래스이다. 

화면을 로드하고 해제하는데 사용되며, 다른 뷰 컨트롤러와의 전환을 관리한다. 

 

import UIKit

class MyViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 뷰 컨트롤러가 로드될 때 실행될 초기화 작업
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        // 뷰가 화면에 나타나기 직전에 실행될 작업
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        // 뷰가 화면에 나타난 후에 실행될 작업
    }
}

 

 

 

UIWindow 

앱의 기본 창으로, 화면에 표시되는 모든 컨텐츠를 관리한다. 

최상위 뷰이며, 다른 모든 뷰들은 UIWindow 위에 표시된다.

 

 

 

UIViewController의 View Life Cycle

UIViewController는 뷰의 생명 주기에 따라 여러 메소드들을 호출한다. viewDidLoad, viewWillAppear, viewDidAppear, viewWillDisappear, viewDidDisappear 등의 메소드를 통해 뷰 컨트롤러의 생명 주기를 관리할 수 있다. 

 

 

 

UINavigationController 
화면 전환과 내비게이션 스택 관리를 제공하는 컨트롤러이다. 

스택 형태로 뷰 컨트롤러들을 관리하며, 화면 전환 시 애니메이션과 내비게이션 바를 제공한다. 

 

import UIKit

class FirstViewController: UIViewController {
    // FirstViewController의 코드
}

class SecondViewController: UIViewController {
    // SecondViewController의 코드
}

// UINavigationController를 사용하여 화면 전환하기
let firstVC = FirstViewController()
let navController = UINavigationController(rootViewController: firstVC)
navController.pushViewController(SecondViewController(), animated: true)

 

 

 

UITabBarController

탭 형태로 화면을 전환하고 여러 탭들 간의 컨텐츠를 관리하는 컨트롤러이다. 

탭 바를 통해 여러 뷰 컨트롤러들 간에 쉽게 전환할 수 있다. 

 

import UIKit

class FirstViewController: UIViewController {
    // FirstViewController의 코드
}

class SecondViewController: UIViewController {
    // SecondViewController의 코드
}

// UITabBarController를 사용하여 탭 화면 전환하기
let tabBarController = UITabBarController()
let firstVC = FirstViewController()
let secondVC = SecondViewController()
tabBarController.viewControllers = [firstVC, secondVC]

 

 

 

UIButton, UILabel, UIImageView 

UIButton은 버튼, UILabel은 텍스트를 표시하는 레이블, UIImageView는 이미지를 표시하는 뷰 등, 다양한 UI 요소들이 UIKit에 구현되어 있다. 

 

import UIKit

class MyViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 버튼 
        let button = UIButton(type: .system)
        button.frame = CGRect(x: 100, y: 100, width: 200, height: 50)
        button.setTitle("Click Me!", for: .normal)
        button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
        self.view.addSubview(button)
        
        // 레이블 
        let label = UILabel(frame: CGRect(x: 100, y: 200, width: 200, height: 50))
        label.text = "Hello, World!"
        self.view.addSubview(label)
        
        // 이미지뷰 
        let imageView = UIImageView(frame: CGRect(x: 100, y: 300, width: 200, height: 150))
        imageView.image = UIImage(named: "myImage")
        self.view.addSubview(imageView)
    }
    
    @objc func buttonTapped() {
        print("Button tapped")
    }
}

 

 

 

애니메이션과 그래픽 처리

UIKit은 UIView의 애니메이션 기능과 그래픽 처리를 위한 다양한 클래스들을 제공한다.

UIView의 애니메이션을 사용하여 화면 전환과 UI 요소의 움직임을 구현할 수 있다. 

 

 

 

UIKit의 장점

- 사용이 간편하고 직관적이다.

iOS 개발자들이 쉽게 UI를 구축하고 관리할 수 있도록 설계되었다. 간단한 코드로 다양한 UI 요소들을 생성하고 배치할 수 있으며, Interface Builder를 통해 시각적으로 UI를 디자인할 수도 있다. 

 

- 네이티브 성능

iOS 운영체제에 최적화되어 있어서 네이티브 앱과 동일한 성능을 제공한다. 때문에, 앱이 빠르고 반응성이 좋으며 사용자 경험을 향상시킬 수 있다.

 

- 다양한 UI 요소과 커스터마이징

다양한 UI 요소들을 제공하며, 이를 조합하고 커스터마이징하여 원하는 디자인과 기능을 구현할 수 있다. 

 

- 애니메이션과 그래픽 처리 

UIView의 애니메이션 기능을 사용하여 부드러운 화면 전환과 UI 요소의 움직임을 추가할 수 있다.

 

- 안정성과 보안 

Apple에서 개발하고 유지보수하기 때문에 안정성과 보안에 신뢰성이 있다.