패스트캠퍼스 챌린지 24일차

오늘은 원피스앱에 애니메이션을 줘보겠습니다.

 

사실 애니메이션은 앱의 기능적인 측면에서 보자면 어떤 기능을 추가하지는 않습니다.

그럼에도 이 애니메이션은 많은 곳에서 활용되고 있습니다.

왜 그럴까요?

기능만 있는 딱딱한 앱보다 좋은 점이 있기 때문입니다.

 

우선, 애니메이션은 딱딱한 앱의 사용성을 개선합니다.

그리고 사용자가 앱에 몰입하게 해줍니다.

예를 들어 앱의 버튼을 눌렀을 때, 단순히 기능만 작동하기 보다는 애니메이션과 함께 작동하고 이미지를 보여준다면, 사용자는 앱을 사용하는데 있어서 좀 더 기대감과 재미를 느낄 것입니다.

 

하지만, 이런 애니메이션도 지나치게 과하게 앱에 넣으면, 사용자는 앱 사용에 피곤함을 느낄 수 있고 오히려 사용성을 해치는 결과를 갖게 됩니다.

 

그러면 애니메이션이란 무엇일까요?

애니메이션이란, 시간에 따라 뷰의 상태가 바뀌는 것을 말합니다.

사용자가 어떤 액션을 가해서 반응하고 변하는 것이 아니라 시간이라는 것으로 뷰의 상태가 바뀝니다.

 

그래서 애니메이션을 사용하는데 있어서 중요한 요소가 

시작

끝

시간

입니다.

 

애니메이션을 사용할 때는 2가지 함수를 사용하였습니다.

UIView.animate

UIView.transition

함수입니다.

 

애니메이션에서 변화주는 속성 중에 뷰속성을 사용할 때는 주의해야합니다.

뷰속성이란, 

 

Position & Size

Bounds, frame, center

transformation

Rotation, scale, translation

Appearance

backgroundColor, alpha

이런 속성들을 말합니다.

 

주의해야하는 이유는 화면을 구성하는데 있어서 오토레이아웃을 사용합니다. 그런데 애니메이션을 사용했을 때, 오토레이아웃의 설정과 상충된다면, 오토레이아웃 설정으로 돌아갑니다.

 

실습사진 1

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

https://bit.ly/3FVdhDa

수강료 100% 환급 챌린지 | 패스트캠퍼스

 

#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #iOS앱개발올인원패키지Online.