김수연_0425

[SuyeonKim1702]

UIKit

• view와 control의 차이를 알고 있다.
• UIView를 상속한 CustomView를 만들 수 있고, 화면 크기에 따라 동적으로 크기를 조정하고 subview를 배치할 수 있다.
• frame과 bounds의 차이를 알고 있다.
• layoutSubviews의 사용 용도를 알고 있다.
• UITableView와 UICollectionView의 사용 방법을 알고 있다.
• Touch event와 연관된 Chain of Responsibility의 개념을 이해하고 이를 이용할 수 있다.
• 다국어와 다크 모드를 지원하는 방법과 시뮬레이터에서 테스팅하는 방법을 알고 있다.

[SuyeonKim1702]

UIView

• UI 구성의 근본이 되는 클래스

UIControl

• UIView를 상속받음
• User Interaction에 대해서 컨트롤하거나 특정 액션을 취할 수 있음
• UIButton, UISlider, UIDatePicker

이벤트(User Interaction) 처리 방식에서의 차이

• UIView
  • func addGestureRecognizer(_ gestureRecognizer: UIGestureRecognizer)

let view = UIView() let tapGestureRecognizer = UITapGestureRecognizer.init(target: self, action: #selector(didTapView)) view.addGestureRecognizer(tapGestureRecognizer)

...

@objc func didTapView() { /// do something }

- UIControl 
   - `func addTarget( _ target: Any?, action: Selector, for controlEvents: UIControl)`
   - `func addAction(_ action: UIAction, for controlEvents: UIControl.Event)` (ios 14부터 지원됨) 
   - [참고](https://twitter.com/twannl/status/1291364665763733506?s=20)

let button = UIButton()

button.addTarget(self, action: #selector(didTapButton), for: .touchUpInside)

button.addAction(UIAction { [weak self] in ... }, for: .touchUpInside)

...

@objc func didTapButton() { /// do something }

[SuyeonKim1702]

커스텀 뷰 만드는 법

• 코드로만 만들기
• nib 이용해서 만들기

class CustomView: UIView {

    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }

    // 생성자를 override하는 경우 자동으로 추가됨 
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        // fatalError("init(coder:) has not been implemented")
    }

    override func awakeFromNib() {
        super.awakeFromNib()
       // set up stuff
    }

    private func setup() {
        // set up stuff
    }
}

• override init(frame: CGRect)

  • 코드로 생성시에 호출

• required init?(coder: NSCoder)

  • nib/storyboard로 생성시에 호출
  • UIView가 상속받는 NSCoding 프로토콜에 정의된 생성자
    • NSCoding: 객체의 아카이빙 및 distribution(언아카이빙)을 위해서 객체의 인코딩과 디코딩을 가능하게 하는 프로토콜
      • 아카이빙(archiving): 객체와 그 프로퍼티들을 디스크에 저장.
      • 언아카이빙(unarchiving): 아카이빙한 데이터로부터 다시 객체를 만듦.
  • 시스템이 nib을 unarchive하게 됨(= 디스크에 아카이빙되어있던 nib 데이터를 메모리에 로드해옴)
  • 다른 생성자를 override하는 경우에 반드시 구현해주어야 함
    • UIView가 상속받는 NSCoding 프로토콜에 정의된 생성자
    • swift에서는, 한 생성자를 명시적으로 오버라이드하는 경우 (부모로부터 상속받은) 다른 생성자들도 명시적으로 구현을 해주어야 하기 때문

• override func awakeFromNib()

  • 객체가 초기화(인스턴스)된 이후에 호출된다. (언아카이브된 이후)
  • 이 시점에는 모든 outlet과 action 연결이 완료된 상태.
  • init 시점에서는 frame과 같은 크기, 위치 값이 정해져있지 않으므로 이 메서드 안에서 해당 작업을 하는 것이 적절

[SuyeonKim1702]

• Frame
  • 상위뷰의 좌표시스템 체계에서 자신의 크기와 위치를 나타냄 = 상위 뷰 내에서의 내 위치를 알려줌
• Bounds
  • 자신의 좌표시스템 체계에서 자신의 크기와 위치를 나타냄

회전하게 될 경우, frame과 bounds의 size는 달라진다.

• frame의 크기: 뷰를 감싸는 super뷰의 사각형 영역
• bounds의 크기: 뷰 자체의 영역

참고

스크롤 뷰의 원리 읽어보면 좋을 글

[SuyeonKim1702]

layoutSubviews

• 자기 자신과 서브뷰들의 위치와 크기를 재조정
• 이 메서드가 호출되면, 하위 뷰들에서도 연쇄적으로 호출됨
• 직접 호출하는 것은 금지되어 있음 -> 대신 호출을 유도할 수 있는 여러 방법들(layoutIfNeeded, setNeedsLayout ..)이 있음

• 뷰가 조정되는 시점에 추가로 수행하고 싶은 일이 있다면 오버라이드 할 수 있음

  layoutIfNeeded

• 변화된 레이아웃을 바로 반영하고 싶을 때 호출
• 뷰가 재조정되어야 할 이유가 없다면 layoutSubviews가 호출되지 않음

setNeedsLayout

• 시스템에게 이 뷰가 다시 그려져야 함을 알림
• 다음 업데이트 사이클에서 레이아웃 변경 (곧바로 x)

viewWillLayoutSubViews

• layoutSubviews가 호출되기 이전에 호출

viewDidLayoutSubViews

• layoutSubviews가 호출된 이후에 호출

자동으로 layoutSubviews가 호출되는 경우

• 뷰의 resizing
• subView의 추가
• 스크롤 시
• constraint 변경

참고

잘 정리된 글

[SuyeonKim1702]

User Interaction 이벤트 처리

• 앱에서는 UIResponder를 상속받는 responder 객체들을 이용해 이벤트를 처리한다.
• UIApplication, UIViewController, UIView들은 모두 responder 객체들이다.
• 이벤트가 발생하면 UIKit는 가장 적절한 responder 객체에게 이벤트를 보내는데, 주로 first responder가 이벤트의 수신자가 된다. (first responder는 hitTest를 이용해 찾을 수 있음)
• 이벤트를 받은 responder 객체에서 이벤트를 처리할 수 없는 경우, 앱의 다른 부분 즉, 리스폰더 체인의 다음 responder로 이벤트를 보낸다.
• application 객체까지 도달했는데, 이벤트를 처리할 수 없는 경우 이벤트를 삭제한다.

UIResponder Chain을 관리하는 메서드

// responder chain의 다음 responder 객체를 리턴, 없을 경우 nil 리턴
var next: UIResponder?

// firstResponder 객체 리턴 
var isFirstResponder: Bool 

// 객체가 firstResponder가 될 수 있는지 여부 리턴 
func canBecomeFirstResponder: Bool 

// 객체가 firstResponder 상태를 포기할 수 있는지 여부 리턴 
var canResignFirstResponder: Bool

// 객체를 Window의 firstResponder로 만들도록 UIKit에 요청
// 내부에서 canBecomeFirstResponder 값 참조함. 
func becomeFirstResponder() -> Bool

// 객체가 Window의 firstResponder 상태를 포기하도록 UIKit에 요청
func resignFirstResponder() -> Bool

HitTest

func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
    // 이벤트가 발생한 지점을 포함한 뷰가 아니라면 nil 리턴
    if !point(inside: point, with: event) {
        return nil
    }

    // 투명도, user interaction 여부, hidden 여부 확인 -> alpha == 0 or hidden or userInteraction == false일 때에 제스처 처리가 불가능한 이유
    if alpha < 0.01 || !isUserInteractionEnabled || isHidden {
        return nil
    }

    // 가장 하위의 서브뷰를 찾는 과정
    for subview in subviews.reverse() {
         if let hitView = subview.hitTest(point, with: event) {
            return hitView
        }
    }
    return nil
}

• func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView?
  • 정의: 특정한 지점(point)을 포함하는 뷰의 계층 구조 중에서 가장 멀리있는 자손(farthest descendant)을 리턴하는 메서드
  • firstResponder로 지정할 뷰를 찾기 위해 호출됨
  • 이벤트가 발생한 지점에 위치한 가장 최하단의 서브뷰 리턴 (= 유저 기준 가장 가까이 있는 뷰)
  • DFS(와 유사한) 방식
  • 오버라이드를 통해, 특정 뷰가 UI 제스처를 받지 못하게 할 수도 있음

기타 이슈

• swiftUI와 UIKit 뷰가 함께 사용되었을 때 터치 이벤트 발생 시, SwiftUI 뷰의 우선순위가 더 높음 -> UIKit 뷰에서 이벤트 처리 불가
  • allowsHitTesting()
  • UIKit 뷰를 SwiftUI로 한번 감싸서 SwiftUI 뷰쪽에 붙여주도록 함

[SuyeonKim1702]

• Color Asset 추가할 때 설정 변경

  

• 이미지도 다크모드 설정 가능

  

• info.plist에 Appearance 키를 추가해 다크모드 설정/차단 가능

  

• system color는 라이트/다크 모드에 따라 색상이 다르게 적용됨

  

• 코드로 다크모드 여부 아는 방법

  • UITraitCollection: ios 인터페이스 환경에 대한 trait들의 모음
  • UITraitCollection.userInterfaceStyle를 통해 알 수 있음
  • 참고

class MyViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        if self.traitCollection.userInterfaceStyle == .dark {
            // User Interface is Dark
        } else {
            // User Interface is Light
        }

    }

    override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        // Trait collection has already changed
    }

    override func willTransition(to newCollection: UITraitCollection, with coordinator: UIViewControllerTransitionCoordinator) {
        // Trait collection will change. Use this one so you know what the state is changing to.
    }
}

• 시뮬레이터에서 다크모드 테스트하는 법
  • 설정 > 개발자 > Dark Appearance

[JooYoung1121]

HItTest사용법 공유

• 해당 View가 UIButton이고, 선언되있는 위치는 무조건 해당 VIew가 터치되도록 하려면 다음과 같이 구현해두면 됨

  override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
      guard let superHit = super.hitTest(point, with: event) else { return nil }
  
      return (superHit is UIButton) ? superHit : nil
  }