💈 ch11 Animation - 개념편💈

이번시간에는 애니메이션에 대해서 간략하게 정리해보도록 하자!

애니메이션이란?

✅  애니메이션이란? 시간에 따라 뷰의 상태가 바뀌는 것

애니메이션을 이용하면 앱을 더 완성도 있게 만들 수도 있지만, 과하면 역효과가 날수도!

애니메이션의 기본

✅  UIView에 있는 Animation API사용

UIView에 있는 애니메이션 API

✅  크게 두가지 부분으로 나눌 수 있는데

진행시간(좌) - 애니메이션 클로저(우)

(좌) 왼쪽 이미지는 애니메이션이 진행되는 시간에 대한 정보

(우) 오른쪽 이미지는 애니메이션 클로저로 x의 시작값과 끝값, View의 프로퍼티 말고 뷰를 감싸고 있는 constraint 자체를 animating할 수 있다.

애니메이션이 진행되는 시간과

애니메이션 클로저 - x의 값 끝값 등을 넣어준다. View의 프로퍼티 말고 뷰를 감싸고 있는 constraint자체를 animating할 수 있다.

 

https://github.com/lgvv/fastCampus/tree/main/BountyList%20-%20Collection%2BAnimate

lgvv/fastCampus

 

 

----------------------------------------------------------------------------------------------------------------------

✅  여기부턴 뷰의 속성을 이용하여 애니메이트!

뷰를 이용한 방법에는 크게 3가지가 존재해!

✅  크게 3가지

1. 포지션과 사이즈 : bounds, frame, center

2. 트랜스포메이션 : rotation,scale, translate

3. Appearance : backgroundcolor, alpha

❗️ 주의사항❗️

-  포지션이나 사이즈 같은 것들은 오토레이아웃이랑 겹칠 수 있는데, 오토레이아웃에서 벗어나게 애니메이팅 시키면 시스템은 다시 돌아오게 만든다.

- 오토 레이아웃 신경 덜 써도 되는 부분같은 경우는 스크린 바깥으로 나가던가, 페이드 아웃 된다던가 부분은 조금 신경 덜 써도 돼 

뷰의 속성을 이용해 해보자!

 

https://github.com/lgvv/fastCampus/tree/main/BountyList%20-%20Collection%20%2B%20Animate2

lgvv/fastCampus

 

다음편...

 

https://rldd.tistory.com/109

💈 ch11 현상금 랭킹앱 코드리뷰(Animation)💈