UMC iOS 세미나 8주차

 

 

 

 

9:20 ~

 

 

 

 

 

 

애니메이션 + 제스처

UI View + Button

 

 

 

레이아웃을 바꾸고 싶을 때

스토리보드에 잡혀있는 오토 레이아웃을 끌어올 수 있다

파란 실선을 끌고 온다. (IBOutlet으로 사용)

 

 

오렌지 뷰 탑

 

 

이렇게 끌어온다!

 

 

이렇게 세팅! :)

 

 

UIView 에니메이션 파라미터 매우 많다

 

 

 

여기서 쓸 것만 남김

 

 

우리의 목표: 오렌지 뷰의 탑과 헤이트 상수값을 변화시킨다

 

 

 

 

 

 

 

 

 

 

애니메이션이 적용이 안되고 (3초간)

바로 쫙 펴짐

-> 변경된 UI 내용이 반영되어야 한다.

-> 변경되지 않는 것 

: 더 자세하게 알아보자

 

 

UI 관련 변경사항이 업데이트가 되어야된다고 View에게 알려주는 것

 

 

layout의 업데이트를 명령하는 코드가 꼭 필요하다

왜 애니메이션이 적용이 안되지? 해메는 경우가 발생한다. 

layoutIfNeeded() 꼭 활용!

바로바로 UI 업데이트들이 적용이 된다. 

 

 

애니메이션 적용할 때는,

UIView의 animate 메소드를 활용할 수 있다.

animate 메소드에는 다양한 parameter이 있는데,

그것 중에서 필요한 것만 활용하면 된다.

 

 

 

여러가지 제스쳐가 존재 -> 필요한 것 쓰면 됨

 

 

 

버튼 지우고, 뷰 자체가 눌렸을 때 적용해보자

 

 

탭 제스쳐를 끌어서 UI View 내부에 넣는다!

 

 

 

계층에서 탭 제스쳐를 끌어서 가져온다

 

 

 

 

 

 

addTarget 활용

 

 

타겟: 해당 뷰컨

액션: Selector -> #selector를 통해 전달

-> object-C 런타임에 의존하는 함수를 달아줄 때 #

 

 

 

 

평소에 함수 작성하듯이 쓴다

앞에 @objc 추가하면 됨 

이 함수는 오브젝트 씨 함수입니다 선언된 것

 

 

 

 

아까와 동일

 

 

오오

 

 

Tap 제스처 : 스크린이 눌렸을 때

 

 

 

탭하면 슉슉 늘림

 

 

 

completion 활용 : 마지막으로 실행시킬 것이 있을 때 활용

 

다시 탭하면 다시 작아지는 동작을 구현해보자

 

 

간단하게 flag 선언

 

 

 

 

_ in 

컴플리션도 클로저

반환값을 받아줄 파라미터 -> 없으니깐 언더바

클로저를 대상으로 공부를 해보면 이해할 수 있을 것이다.

클로저 공부!

 

 

애니메이션이 다 종료된 이후, 마지막으로 동작하고 싶은 걸 넣으면 됨

 

 

 

굳이 버튼이 아니더라도,

유저의 입력을(액션을) 받는 경우

UI Gesture Recognizer 활용할 수 있다.

8개 중 Tap 제스쳐를 활용해본 것

다양한 제스쳐, 애니메이션을 활용해보자! :)

 

 

 

 

 

 

 

 

 

- 애니메이션 parameter 중 옵션: 애니메이션을 실행시킬 때, 추가적으로 줄 기능을 기본적으로 Swift가 제공함

: 팝업 창을 띄울 때, (오랜지 뷰를 선택했을 때, 팝업 창이 회전하면서 올라오거나 등등 애니메이션 추가 기능)

 

 

 

 

CoreAnimation

: 상세한 애니메이션을 구현하고 싶을 때 공부해보면 좋다 

: 조금 어려울 수 있으니깐 필요 시 공부

 

 

 

제스처 겹침

: 상대방과 나누었던 채팅 내역이 쌓임

스크롤을 통해 저번주에 나눴던 대화 볼 수 있음 

만약에 채팅내역이 나와있는 창에, 다른 제스처 추가했다면?

ex) 스와이프 제스처 추가

스크롤 제스처 + 내가 추가한 제스처 겹침

제스처끼리 충돌 -> 대화 내용 스크롤 했을 때 어떤 제스처를 추가해야하는지 앱 내에서 헷갈릴 수 있다

둘 중 하나 무시되거나, 둘 다 작동 안하거나 등등 문제상황 발생함

어떻게 해결하면 좋을까? 

기존 vs 내가 추가한 것 -> 어떤게 실행될 지 앱에게 알려줘야 한다

 

 

 

 

 

 

escaping Closure

- completion

- 클로저에 대한 개념이 있다면 애니메이션 공부하는데 많은 도움이 될 것

- 스위프트에서는 클로저가 정말 많이 활용되고 있다.

- iOS 개발자라면 반드시 공부하고 넘어가야 하는 부분

- 정말 중요한 개념 

- animate 코드를 뜯어서 들어가면, animations이 escaping closure로 되어있다.

: 네트워킹에서도 반드시 활용됨 (서버 연결 내용에서) -> 미리 예습하면 수월하게 공부할 수 있다. 

 

 

 

 

 

스탠다드 미션

- 기존 프로젝트에 애니메이션 추가

- 최소 2~3개를 붙여보자

 

 

 

첼린지 미션

- 없다

- 개인공부 Or

- 부족했던 미션 보충하는 시간을 가져보자

- escaping closure 꼭 공부해보자!