티스토리 뷰

iOS

Animation

강경 2021. 1. 9. 19:16
728x90
반응형

Animation : 시간에 따라, 뷰의 상태가 바뀌는 것.

- 딱딱한 앱의 사용성을 부드럽게 만들고, 사용자의 몰입을 유도하기 위해 사용한다.

- 너무 과하게 사용하면 오히려 사용성을 해칠 수 있다.

- 시작 값, 끝 값, (진행되는)시간 값을 가진다.

 

처음 viewDidLoad에서 애니메이션을 넣어주고 싶은 항목(사진에서는 label 두 개)의 초기 위치를 정해준다.

(사진에서는 view.bounds.width 즉, 화면 바깥으로 설정해두었다)

 

이후, 뷰가 나타나는 시점인 viewDidAppear에서 움직이려는 위치와 그동안 진행시킬 애니메이션, 애니메이션 진행되는 시간을 정한다.

(사진에서는 0.3초동안 움직이는 애니메이션과 0.5초동안 바운싱이 들어간 애니메이션이 있다. card flip은 별도의 이미지 애니메이션)

728x90
반응형

'iOS' 카테고리의 다른 글

Network  (0) 2021.01.27
Animatable View Properties  (0) 2021.01.10
Collection View  (0) 2021.01.09
Table View  (0) 2021.01.05
앱Icon 및 앱 이름 설정  (0) 2020.12.10