SFC 2번째 포스팅입니다. 이번 시간에는 Silverlight의 Code 레벨에서 Animation을 보다 쉽게 사용 할 수 있도록 돕기 위해서 Animation Engine을 구현해보았습니다. 한참 진행중인 부분이라 아직 완성도 면에서는 떨어지지만, 보다 다양한 Effect를 연출할 수 있는 Engine으로 개선할 예정입니다. 아래 영상은 현재 SFC Animation Engine에서 제공하는 기본적인 기능입니다.

현재 Opcity , Rotate, Scale, Skew Animation을 제공하며 여러가지 Animation을 조합하여 사용 할 수 있는 Animator를 제공합니다.

사용방법은 아래와 같이 Animation객체를 생성하고 Animator에 추가 한뒤 Begin 메서드를 사용해 애니메이션을 시작합니다. 그리고 Aniamtion객체를 생성할때 Target이 되는 Object를 생성자 Parameter로 전달하므로 유의하시기 바랍니다.

SFCScaleAnimation ScaleAnimation = new SFCScaleAnimation(Source);
SFCOpacityAnimation OpacityAnimation = new SFCOpacityAnimation(Source);

ScaleAnimation.ScaleXTo = 8;
ScaleAnimation.ScaleYTo = 8;
OpacityAnimation.To = 0;

SFCAnimaitor Animaitor = new SFCAnimaitor();

Animaitor.Animations.Add(ScaleAnimation);
Animaitor.Animations.Add(OpacityAnimation);
Animaitor.Duration = TimeSpan.FromMilliseconds(1000);
Animaitor.FillBehavior = FillBehavior.Stop;
Animaitor.Begin();

아래 SFC전체 소스코드와 예제 코드를 첨부합니다~ ^_^
좋은 하루되세요~

02_SFC_ANIMATION.zip

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

안녕하세요. Silverlight관련 첫 포스팅입니다! 김영욱 MVP님의 추천으로 Silverlight관련 공개 프로젝트를 진행하고자 이렇게 Silverlight 카테고리를 생성 했습니다. SFC(Silverlight Free Component)라는 이름의 공개 프로젝트는 여러분이 Silverlight를 사용하여 공부/프로젝트를 하시는 분들이 개발을 할 때 쉽게 가져다 사용할 수 있는 Component들을 제작 하는 프로젝트로 이 프로젝트에 참여 하시고자 하시는 분은 메일로 연락 주세요 ^^

첫 번째 시간으로 이번 시간에는 전자 명함 리스트를 만들어 보았습니다. 전자 명함이란 우리가 사용하는 일반 종이명함과 같이 연락처나 소속 등의 정보를 온라인 상에서 표현 하기 위한 것으로 블로그나 커뮤니티와 같은 곳에서 활용하시면 좋을 것 같습니다. 위 동영상은 ID Card List를 사용한 예 입니다. .

전체 소스코드와 샘플 소스코드는 아래에 첨부파일을 다운로드 하여 확인 하실 수 있습니다.

SilverlightFreeComponent.zip

 

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.