iOS ) AnimationOptions - curve

안녕하세요 :) Zedd입니다.

오늘은 AnimationOptions에 대해 공부해보려고 해요.

여기..들어가는 그거 ㅇㅇ

사실 옵션은 정말 거의 건들여본적이 없어서리...아무것도 모르는 상태입니다 :D

시작해봅시다.

구조체네요?

헉...........이렇게 많은지 몰랐는데............

당황스럽네

아무튼..해봅시다.

뭐부터 해야할지 모르겠을 땐 default부터 해본다.

curveEaseInOut 얘가 default군요

우리가 늘

이런식으로 animate를 많이 쓰곤 하는데, 옵션을 지정해주지 않아도..기본은.. curveEaseInOut 였다는거!!

정의를 봅시다.

"Specify an ease-in ease-out curve, which causes the animation to begin slowly, accelerate through the middle of its duration, and then slow again before completing."

핵심은 

"animation to begin slowly, accelerate through the middle of its duration, and then slow again before completing"

입니다.

애니메이션을 느리게 시작했다가 점점 가속되고 완료되기전에 다시 느려지는 그런 효과에요.

이건 뭐 움짤을 올릴려고 하는데 다른 분들이 너무~~나도 잘 만든게 많으셔서 그걸 참고하시면 될 것 같은데..굳이 올리자면

....

느리게 시작했다가 가속했다가 도착할때쯔음엔 느려지는게 보이시나요?

우리애플은 이런건 참 잘해

하하

그럼 커브시리즈들을 봅시다.

Ease In, Out, Linear가 있네요.

curveEaseInOut이 정의가 뭐랬죠!?!?

애니메이션을 느리게 시작했다가 점점 가속되고 완료되기전에 다시 느려지는 그런 효과라고 했죠!! In + Out..

그럼 In만 있는거랑 Out만 있는거랑은 뭐겠음..

curveEaseIn: 애니메이션이 느리게 시작된 다음, 진행에 따라 애니메이션 속도가 빨라집니다.

cureveEaseOut: 애니메이션이 빠르게 시작되고 완료 될 쯤 느려집니다. 

왼쪽이 In, 오른쪽이 Out입니다.

왼쪽 In을 보면 뭔가 챡 하고 위에 달라붙죠!! 속도가 안줄어서 그런거고 

오른쪽 Out을 보면 처음에 빠르게 시작했다가 나중에 느려지는 것을 볼 수 있죠. 그래서 왼쪽 In같이 챡 달라붙는 그런 느낌은 안오고 안정적인(?)..느낌을 받을 수 있습니다.

ㅇㄴ 눈아파

curveEaseInOut, In, Out순입니다.

curve시리즈의 마지막. curveLinear를 봅시다.

linear라는 말에서 느낌이 오듯이, 애니메이션이 지속되는 동안, 균등하게 애니메이션이 발생됩니다. 

그니까 한마디로 위에서 봤던 In, Out얘네같이 속도의 변화가 없이 균등하다는 거죠@!!!

딱 봐도 속도가 계속 똑같은걸 볼 수 있죠?!

ㅇㅋㅇㅋ

이렇게 커브 시리즈를 다 봤고,

이제 트랜지션 시리즈들이 기다리고 있습니다. 이건 따로 글 쓸게요!

요새 조금 바빠서 개인 공부를 거의 못하고 있어요 :D

콘서트와 연휴때문에 뭔가 풀어진 느낌,,다시 열심히 해봅시당