[iOS] - Stanford CS193p iOS 강의 6강 정리 by Paul Hegarty

📱 Multi-Touch(멀티 터치)

• 직접 우리가 화면에 터치된 입력을 모두 추적할 수 있긴 하지만 그럴 필요가 없습니다. 대신 iOS가 모든 움직임을 관찰해서 스와이프, 확대/축소, 이동, 탭 등으로 변환한 정보를 사용합니다.
• iOS가 나타내는 모든 제스처는 UIGestureRecognizer 클래스입니다. 이 클래스는 모든 손가락의 움직임을 제스처로 나타냅니다. 추상적인 클래스이고, 모든 제스처를 인식할 수는 없습니다. 하지만 많은 서브클래스를 이용하면 다양한 제스처를 인식할 수 있습니다.

🏢 UIGestureRecognizer

• 제스처를 인식하면 크게 두 부분이 있습니다.

  1. 뷰에게 확대/축소나 탭을 인식하라고 말합니다(e.g. plz start recognizing pinches/tabs).
  2. 인식했을 때에 호출할 수 있도록 핸들러를 제공합니다(providing a method to "handle" that gesture. not necessarily handled by the UIView).

• 위의 1번은 주로 컨트롤러에 의해 동작합니다(혹은 스토리보드).

  때때로 뷰가 스스로에게 제스처 인식 함수를 추가할 수도 있습니다. 예를 들어, 뷰를 스크롤하는 것에는 확대/축소와 이동 제스처가 포함되어 있어야 합니다. 왜냐하면 위의 제스처가 없이는 스크롤을 할 수 없기 때문입니다. 하지만 이런 경우를 제외하면 컨트롤러가 사용합니다.

• 위의 2번은 제스처를 처리하는 것입니다. 만약 모델이 제스처에 의해 영향을 받아야 한다면 컨트롤러가 영향을 줍니다. 하지만 뷰가 보이는 방식에만 영향을 주는 거라면 뷰가 직접 제스처를 처리합니다.

🛠 UIView에 gesture recognizer 추가하기(Adding a gesture recognizer to a UIView)

• 위의 1번처럼 뷰에게 제스처를 어떻게 추가하고 인식하라고 할 수 있을까요?

  Outlet 설정자의 didSet을 주로 사용합니다. 아래 예시는 이동 제스처를 인식했으면 하는 뷰에 아울렛을 사용했습니다.

  

  iOS가 이동 제스처의 아울렛을 묶어서 뷰에 전달할 때 아울렛의 didSet이 호출됩니다. 그러면 UIGestureRecognizer를 사용해 만듭니다. 모든 recognizer는 동일한 이니셜라이저를 가지고 있습니다. 위의 UIPanGestureRecognizer의 parameter는 두개입니다. 첫번째 인자는 처리했으면 하는 객체를 가리키는 target입니다. 주로 컨트롤러 아니면 뷰 자신입니다. 그리고 두번째 인자는 action으로 메소드 이름이 있고 #selector에 둘러쌓여 있습니다. 이 action은 이동 제스처를 인식하기 시작했을 때 호출됩니다.

  이 UIPanGestureRecognizer를 만든 뒤 우리는 뷰에게 이것을 인식해달라고 요청해야합니다. 아래에 addGestureRecognizer가 바로 이 작업입니다.

  뷰는 제스처 인식자를 원하는 만큼 가질 수 있습니다. 이 이야기는 한번에 한가지 인식만 가능한 것이 아니라 동시에 20개의 서로 다른 제스처를 인식해도 문제가 없다는 뜻입니다.

👏 Handler 호출하기

• 이동 제스처가 발생했을 경우 핸들러가 호출됩니다. 핸들러는 위에서 볼 수 있듯이 pan 메소드가 됩니다. 각 제스처는 나름의 정보를 갖고 있습니다. 예를 들면, 확대/축소 제스처는 비율이 되고, 이동 제스처는 어디에서 제스처가 일어나고 있는지를 정보로 갖고 있습니다.

  

  예를 들면 UIPanGestureRecognizer는 위의 세개 메소드를 갖습니다. translation 메소드의 경우 이동 제스처가 뷰의 어디에서 일어나고 있는지를 알려줍니다. 또 velocity 메소드는 이동 제스처의 속도를 말해주고 setTranslation 메소드는 이동을 초기화해서 이동을 점진적(incremental)으로 일어나게 해줍니다. 초기 지점에서 얼마나 움직였는지를 보는 것이 아니라 이동이 마지막으로 일어난 지점에서 얼마나 움직였는지를 얻게 됩니다.

📌 UIGestureRecognizer

• UIGestureRecognizer는 추상적인 수퍼클래스입니다. 여기에 state라는 아주 중요한 변수가 있습니다. 이 제스처 인식자는 상태 기계(state machine)이라서 state변수가 상태를 나타냅니다. 그래서 이동 같은 제스처가 확인 될 경우(e.g. 손가락 터치되어 아래로 움직일 때) state가 possible이 됩니다. 그리고 움직이기 시작하면 상태는 began으로 바뀝니다. 이동이 시작되었다는 의미입니다. 그리고 손가락을 계속 움직이면 changed 상태로 바뀝니다. 상태 변경이 매번 일어날 때마다 핸들러가 호출됩니다. 이 상황을 처리하는 함수가 실행 될 기회를 얻는 것입니다. 이동 제스처에서 .changed는 움직일 때마다 호출됩니다. 그리고 손가락이 떨어지면 제스처가 끝나고 .ended를 얻게 됩니다.

• 핸들러는 상태가 바뀔 때마다 계속 호출되고, 스와이프 같은 것은 연속적이지 않습니다. 스와이프가 일어나는가 아닌가로 나뉩니다. 불연속 제스처라서 손가락이 화면을 아무리 누비고 다녀도 .changed는 얻을 수 없습니다. .ended를 얻거나 .recognized가 핸들러에게 한 번 전달될 뿐입니다. 하지만 연속적인 제스처에는 .changed가 있습니다. 또 .failed나 .cancelled라는 상태도 있습니다.

  • .failed는 여러 개의 제스처 중에 하나가 다른 것보다 우위를 점했을 때 발생합니다(one of them wins). 예를 들어, 탭과 이동을 동시에 한다고 했을 경우를 생각해보겠습니다. 마우스를 아래로 움직이면 둘이 동시에 발생할 수 있습니다. 터치한 직후에 바로 얻어지는 것은 아닙니다. 하지만 곧바로 손가락을 다시 땠을 때는 이동이 될 수 없다는 것을 알아채고 다른 하나가 취소되는 겁니다. 그러면 failed가 됩니다. 하지만 제스처가 일어나기 시작한 후에 상태가 바뀝니다. 터치한지 얼마 되지 않았는데 제스처가 인식되지는 않습니다.
  • .cancelled는 주로 drag&drop 상황에서 발생합니다. 사용자가 뭔가를 시작해서 잘 가다가 드래그 & 드롭을 하면 무슨 제스처가 인식되었든지 취소되어버립니다.

  그래서 failed나 cancelled를 예의주시하고 있다가 발생하면 화면에서 없애는 것처럼 깔끔하게 치워버릴(clean up) 수 있습니다. 왜냐하면 제스처가 어떤 이유로 failed나 cancelled 되었기 때문입니다.

🍳 Pan Handler 예시

• pan 메소드의 구조는 아래와 같습니다.

  

  pan 메소드는 아까 작성했던 UIPanGestureRecognizer를 parameter로 받습니다. 그리고 state에 대해서 switch문을 동작시킵니다. .changed나 .ended의 경우에는 이동 제스처가 계속 움직이고 있거나 방금 끝났을 겁니다. 위치에 따라 pan을 건드려보겠습니다. 점차적으로 증가하는 pan을 원한다면 0으로 리셋해야됩니다. 다음 제스처가 0에서 시작해서 점차적으로 증가하는 것입니다.

🦀 UIPinchGestureRecognizer

• scale: PinchGesture는 비율을 이용합니다. 예를 들어 확대/ 축소를 시작했을 때 두 배 넓게 손가락을 피면 scale은 2.0이 됩니다. 반으로 줄이면 반대로 0.5가 됩니다.
• velocity: 속도 정보 입니다.

• rotation: RotationGesture는 손잡이를 돌리듯이 손가락 두 개로 손잡이를 돌리는 제스처입니다. Radian 단위로 손잡이가 얼마나 돌아갔는지를 알려줍니다.

Swipe는 다른 제스처와 달라서 따로 정해줘야하는 것이 있습니다(e.g. 몇 개의 손가락을 사용하는지, 어떤 방향인지). 이후 SwipeGesture를 추가함으로써 작동시킨 뒤에 스와이프가 일어나면 .ended를 얻습니다. 핸들러는 .ended와 함께 호출됩니다. 차이점은 따로 설정을 해줘야 한다는 것과 인식을 했는지 안했는지만을 말해준다는 것입니다.

Tap Gesture는 스와이프 같은 느낌이며 불연속 제스처 입니다. 그러나 Double Tap 같은 것이 있기 때문에 TapGesture로 .ended를 기다려야 합니다. 하지만 Swipe처럼 탭이 몇 개이고 손가락은 몇 개인지 등을 설정할 수 있습니다.

LongPress는 연속 제스처입니다. 왜냐하면 꾹 누르고 있는 와중에 손가락이 약간 움직일 수 있기 때문입니다. 하지만 조금만 움직였기 때문에 이동제스처는 아닙니다. 그래도 움직이긴 했으니 .changed를 얻게됩니다. 여기서도 얼마의 움직임을 허용할 것인지, LongPress가 불리기 전에 얼마나 누르고 있어야 하는지 등을 설정할 수 있습니다. 드래그 & 드롭이 간섭을 많이 하곤 합니다. 왜냐하면 드래그 & 드롭도 LongPress를 쓰기 때문입니다. 드래그 & 드롭에서 무언가를 집을 때 LongPress가 호출됩니다.

Reference: Stanford CS193p by Paul Hegarty