[android] Shared Element Transition Tutorial ( with transparent bg ) [android] Shared Element Transition Tutorial ( with transparent bg ) https://medium.com/@aitorvs/android-shared-element-transitions-for-all-b90e9361507d#.zoz5i6xkz -LOS 이상부터는 이를 구현하는 것이 매우 쉽다.( https://developer.android.com/training/transitions/start-activity )그러나 그 이전버전도 지원하는 경우 버전분기를 하는 공수가 든다.그래서 새로운 API 없이 Compat 한 방법으로 Transition 하는 방법을 소개한다. -Activity A -> B 로 이동시 동일한 모양을 가진 View 가 있다면,A 에.. 2018. 9. 28. [android] png 기반 GIF 를 바탕으로 VectorDrawable 로 치환해 animation 만들기 [android] png 기반 GIF 를 바탕으로 VectorDrawable 로 치환해 animation 만들기 https://medium.com/google-developers/animation-jump-through-861f4f5b3de4#.tcugnrmsy -GIF 를 Photoshop 으로 열면 timeline view 에 animation frame 들이 나온다. -Sketch 라는 vector drawing tool 을 이용해서 path 를 잡고 SGV 로 export 를 한다.몇몇 tool 은 자동으로 vector path 를 만들어 준다. -Mobile 단말에서는 SGV 를 fully 지원하지 못할 수 있기 때문에 simplified 된 버전이 안정적이다.아래 사이트를 통해서 simplif.. 2018. 3. 12. [ios] Constraint animation 주기 [ios] Constraint animation 주기 -간단하다.self.someConstraint.constant = -10; // 0.25 는 CABasicAnimation 의 Default Animation 값[UIView animateWithDuration:0.25 animations:^{ [self layoutIfNeeded];}]; animatewithduration, animation, constant, constraint, constraint animation, layoutIfNeeded, [ios] Constraint animation 주기 2017. 12. 19. [ios/tutorial] CABasicAnimation, CATransition, CAKeyframeAnimation, CALayer, CAAnimationGroup ( Core Animation ) [ios/tutorial] CABasicAnimation, CATransition, CAKeyframeAnimation, CALayer, CAAnimationGroup ( Core Animation ) http://warmz.tistory.com/entry/Core-Animation-CABasicAnimation-CAKeyframeAnimation-CATransition-CAAnimationGroup -위 블로그가 CoreAnimation 전체에 대해 잘 정리해놓았다.아래 섹션은 각각의 Part 에 대해 조금 더 세세한 정보를 추가해 놓은 것. CABasicAnimation https://developer.apple.com/library/mac/documentation/GraphicsImaging/Ref.. 2017. 12. 1. [ios/tutorial] Core Animation 모든 것!! [ios/tutorial] Core Animation 모든 것!! 참고 : https://www.objc.io/issues/12-animations/animations-explained/ -Animation 을 수행하는 방법은 크게 2가지. 1. UIView 의 class method “animateWithDuration:” 을 사용하는 방법2. Core Animation 을 사용하는 방법. Simple Animation 이 아니라면 Core Animation 을 사용하는 것이 추천된다.훨씬 코드의 가독성이 좋고, 더 많은 기능을 제공한다.But, 더 많은 학습을 필요로 한다. 물론 애플의 권장사항은 할수만 있다면 항상 UIKit 에서 제공되는 Animation 을 사용하길 원한다. -Core Anima.. 2017. 11. 30. [ios/reference] Improving Animation Performance [ios/reference] Improving Animation Performance https://developer.apple.com/library/ios/documentation/Cocoa/Conceptual/CoreAnimation_guide/ImprovingAnimationPerformance/ImprovingAnimationPerformance.html#//apple_ref/doc/uid/TP40004514-CH9-SW1 -가능하면 항상 Opaque Layer 를 사용하라. opaque property 를 YES 로 해놓으면 alpha channel 을 유지할 필요가 없음을 알게 된다. 그래서 blend 하는 로직을 타지 않아도 되서 rendering performance 가 좋아진다. 만약 c.. 2017. 11. 23. [ios/reference] Animating Layer Content [ios/reference] Animating Layer Content https://developer.apple.com/library/ios/documentation/Cocoa/Conceptual/CoreAnimation_guide/CreatingBasicAnimations/CreatingBasicAnimations.html -Animation 은 보통 그 요청이 끝날 때까지 지속된다.명시적으로 animation 을 끝내기 위해서는... removeAnimationForKey: 또는 removeAllAnimations 함수를 호출하면 된다. -Animation 을 멈추면, 원래의 현재값으로 돌아간다.만약 Animation 을 멈춘 시점에 그 값을 유지하려면, presentation tree 를 이용해서.. 2017. 11. 22. [ios/reference] Core Animation Basics [ios/reference] Core Animation Basics https://developer.apple.com/library/ios/documentation/Cocoa/Conceptual/CoreAnimation_guide/CoreAnimationBasics/CoreAnimationBasics.html#//apple_ref/doc/uid/TP40004514-CH2-SW3 -Prerequisite 로 앞의 글들을 읽어보길...앞의 글들에서 catch 하지 못한 부가 정보들만 정리[ios/reference] Core Animation -Core Animation 을 사용하지 않고, 변화에 대해서 drawRect: 에서 다시 그리는 방법도 있지만,이 방법은 MainThread 에서 그림을 그리기 때문에.. 2017. 11. 20. [ios/reference] Core Animation [ios/reference] Core Animation https://developer.apple.com/library/ios/documentation/Cocoa/Conceptual/CoreAnimation_guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40004514-CH1-SW1 -Core Animation 은 iOS, OS X 모두에 속하는 animation 에 대한 infra structure 이다. -몇 가지 설정만 해주면, 알아서 animation 을 만들어 수행한다.animation 에 대한 수행은 안쪽에서 알아서 hardware 가속 등을 사용해 rendering 한다. -Core Animation 은 UIKit/ AppKit 아래.. 2017. 11. 19. 반응형 이전 1 2 3 4 5 다음
