iOS ) AnimationOptions - transition

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

transition어쩌고들을 공부해봅시다.

우리가 늘 쓰는 ? 조금 더 자주쓰는...

UIView.animate에 transition어쩌고들을 넣으면...아무 효과가 없읍니다..그냥 cureveEaseInOut으로 동작함 

UIView.animate말고 UIView.transition에 넣어야 transition어쩌고들이 동작하게 됩니다. (transitionCrossDissolve제외)

그럼 진짜 시작하겠음

transitionFlipFromLeft

transition은 다 붙어 있는거니까 일단 생각안하고, Flip / From / Left로 생각해봅시다.

뒤집다 /.~로부터 / 왼쪽에서....??

네 이제부터 나오는것들 다 이렇게 직독직해 하면댬ㅎ

정확한 정의는, 세로축을 기준으로 View를 왼쪽에서 오른쪽으로 뒤집는 전환입니다. 

근데 보면..뭔가 음 ~~~~!!! 왼쪽에서 오른쪽이군!~~~!!!이게 저는 확 안와닿았는데, 세로축을 기준으로!! < 이걸 생각하시면 좀 와닿게 됩니다.

저런 그림자 지고 이런거 너무 애플답지 않나요 하하 

그럼 다음에 나올건 개뻔하네요. left나왔으니 right나와야겠죠..

transitionFlipFromRight 

정의는 left와 똑같고 오른쪽에서 왼쪽만 다릅니다.

이 움짤을 보고 나면..

어..left랑 모가 다르지..??하고 left를 보게되는 현상이 나타납니다.

그리고 두개를 아무리 봐도 잘 모르겠는 현상도 나타납니다......

근데 이게 왼쪽이 밑으로 가냐 위로 올라오냐 차이라서..이게 구분이 안됨

제가 정의에 따로 쓰진 않았는데, Left정의를 보면

View의 왼쪽이 뒤쪽을 향해 앞쪽과 오른쪽으로 움직입니다. < 이렇게 써져있거든요. 

그러니까 위 움짤에서 왼쪽이 앞으로 올라와서 오른쪽으로 가는 왼쪽 움짤이 transitionFlipFromLeft인거죠. 

헷갈리는것을 이해합니다!!! 제가 색깔을 다르게 했어야 했는데...

right정의에도 오른쪽이 앞쪽과 왼쪽을 향해 이동한다는말이 있는데요, 위에서 오른쪽움짤을 보면 View의 오른쪽이 앞으로 이동해서 왼쪽을 향해 이동하죠.

이렇게 구분하시면 됩니다. 

~ transitionFlipFromRight했을 때 ~

?? : 떼잉...이건 좀..

~ transitionFlipFromLeft 했을 때 ~

?? : 이거죠!!~~!~

이런 상황이 나면 재밌을 것 같네요. 하하

transitionFlipFromTop도 볼까요? 이쯤에서 알 수 있는 사실은 Bottom도 있다는거... 그럼 2개 한번에 봅시당.

이번엔 가로축이 기준입니다!

가로축을 기준으로 View를 위에서 아래(아래에서 위)로 뒤집는 transition입니다.

여기서 퀴즈..

얘는 Top일까요..Bottom일까요...

정답은 Top.......

View의 윗면(top side)이 앞쪽으로, bottom side가 뒤쪽으로 움직입니다.

아니 근데 아니지 않아요?????ㅡㅡ

"(the top side of the view moves toward the front and the bottom side toward the back)." 이렇게 나와있는데..제가 번역을 잘못한거 아니죠..?

제가 보기엔..bottom side가 앞쪽으로 오고 top이 뒤로 가는건데...흠....

그럼 bottom을 봅시다.

요게 bottom...

왼쪽이 top 오른쪽이 bottom.

아 개헷갈림 진짜...

다음 transitionCurlUp을 봅시다.

transitionCurlUp

뭔가 pageCurl이랑 비슷할 것 같은 느낌적인 느낌이 오시나욥

정의는 view를 아래에서 위로 curl(말아올리다, 둥글게 감다)..하는 transition입니다. 

이뻐!!!!!!!!!!!!!!!!!

이렇게 이쁜 transition이 있었다니..

up이 있으면 모다..? down도 있다..

ㅇ아 막 그림자 지고 막 이러는 세심함 진짜....

그리고 가장 중요한 점...

안헷갈린다.

:D

transitionCrossDissolve

얘를 봐봅시다.

정의는 한 view에서 다른 view로 dissolve(녹이다..분해하다 뭐 이런느낌)하는 전환.

그 transition style에서 CrossDissolve아시죠..viewController간의 transition...그거랑 똑같음

제 코드가 지금 이건데..

여기에 transitionCrossDissolve를 넣으면 아무것도 안변합니당 transitionCrossDissolve는 뭔가 변화를 줘야합니다..

이렇게 view의 background color를 바꿔볼게요.

암튼 뭐 이런느낌..

그 막 영상에서 디졸브 되는 그런 느낌아시나요..

암튼 그거라는것만 알면됨

얘는 UIView.transition말고 animate에서도 먹히니 참고하세용

아무튼 이렇게 transition 시리즈들도 끝났습니다. 

아직도 잘 이해가 안간다면...

https://blog.usejournal.com/swift-uiview-lovely-animation-and-transition-d34bd623391f 

여기를 가면 됩니다..

뭔가 저번 curve글에서 속도차이가 눈에 안띄는 것 같아서 알아볼 사람은 알아보겠지..했는데 이 분응ㄴ 그래프로 구간별 속도를 아주 잘!!! 정리해놓으신것 같아요. XD 꼭 들어가보세여ㅛㅇ!!! 나는 내꺼보면 잘 모르겠는데 이분꺼 보면 transtion left, right, top, bottom다 안 것 같은 느낌..

그 외에

preferredFrame시리즈가 있네..

이거는 그냥 여기서 볼게요?

둘간의 차이점은......

preferredFramesPerSecond30

preferredFramesPerSecond60

숫자뿐...

preferredFramesPerSecond30 : 초당 30프레임의 frame rate

preferredFramesPerSecond60 : 초당 60프레임의 frame rate

언제쓰냐??;;

원하는 프레임속도를 요청하려면 이 값을 지정하면 됩니다. 

명시된 rate의 특정 필요성을 확인하지 않은 경우, 기본값을 사용하는 것이 좋습니다.

......

이거 언제쓰나욥?..

근데 진짜 모르겠어서..뭘 적지를 못하겠네

음..프레임이 많으면 더 부드러운 움직임이 나오니까 60으로 지정하면 더 부드러운 애니메이션이 나오나....????

zzz진짜 모르겠는데..혹시 정확히!!! 아시는 분 계시면 댓글로 뭔지 좀 알려주세요.

물론 많이 찾아봤습니다.

transition시리즈는 끝이고 다음은 응용편..가보겠읍니다..