Blog Content

Deep Zoom Composer 설치 [ Deep Zoom Composer 다운받기 ] Deep Zoom Composer 다운 받아서 설치해주세요. 간단한 Deep Zoom Composer 1. New Project 클릭 - 프로젝트명과 경로를 지정 후 OK 2. Import 에서 Add Image를 클릭해서 사용할 이미지를 추가해줍니다. 3. 불러온 이미지를 Compose에서 레이아웃을 설정합니다. 오른족에 나타난 이미지 파일을 작업영역으로 옮겨줍니다. 이 곳에서 이미지의 크기를 설정합니다. 4. Export에서 Export를 클릭!

Effect ( 효과 ) - BlurEffect : 블러 효과로 뿌옇게 보여줌 - DropShadowEffect : 그림자 효과 MainPage.xaml [Expression Blend 3] 기본 버튼 3개 추가하기 MainPage.xaml [Expression Blend 3] 자산 - 효과 - BlurEffect(블러), DropShadowEffect(그림자) 결과확인 소스코드

MouseDragElementBehavior - 드래그하여 이동가능 MouseDragElementBehavior 속성 - ConstrainToParentBounds : 부모 컨트롤 밖으로 이동 - X 컨트롤의 X좌표 - Y 컨트롤의 X좌표 [ 참고교재 : 실버라이트 3 - RIA Development Guide ] MainPage.xaml [Expression Blend 3] 움직일 도형을 만들어주세요~ MainPage.xaml [Expression Blend 3] 자산 - 동작 - MouseDragElementBehavior 결과확인

FluidMoveBehavior - 위치가 변경될 경우에 기본 실버라이트 애니메이션 이용 FluidMoveBehavior 속성 - Duration : 애니메이션 재생 시간 - EaseX : X좌표 이동시 적용할 Easing Animation을 의미 - EaseY : Y좌표 이동시 적용할 Easing Animation을 의미 MainPage.xaml [Expression Blend 3] 움직일 도형을 만들어주세요~ MainPage.xaml [Expression Blend 3] 자산-동작-FluidMoveBehavior 움직일 객체에 추가 에니메이션 속성 지정하기 결과화면 실행하시면 해당 객체가 물 흘러가는듯한 에니메이션을 확인 할 수 있습니다.

PlaySoundAction - 오디오 파일 재생 - 지원 되는 파일 : mp3, asf, asx,wma,wmv MainPage.xaml [Expression Blend 3] 버튼 컨트롤 추가 MainPage.xaml [Expression Blend 3] 자산-동작-PlaySoundAction 적용하기 결과확인 버튼을 클릭하시면 재생됩니다~

HyperlingAction - 하이퍼링크를 클릭할 때 콘텐츠가 로드되는 브라우저 내 위치에 URI를 지정 클릭시 해당 사이트로 이동 MainPage.xaml [Expression Blend 3] 컨트롤과 도형을 추가했습니다. MainPage.xaml [Expression Blend 3] 자산-동작-HyperlinkAction 드래그~! HyperlinkAction 속성을 설정합니다. 결과화면

ControlStoryboardAction - 재생, 중지 등과 같은 스토리보드를 사용하여 공통작업을 수행 버튼 클릭시 해당 객체 움직이게 하기 MainPage.xaml [Expression Blend 3] 버튼 컨트롤과 움직일 객체를 추가해주세요. ( ps. 저는 도형을 가지고 별을 직접 만들어봤습니다. ) MainPage.xaml [Expression Blend 3] 에니메이션을 만들어줍니다. (작업창을 변경해주세요. 디자인하고 에니메이션 작업창 선택이 있으니깐 보기 편하게 에니메이션으로) 제 작업화면입니다. 디자인 할 때와 애니메이션 작업을 할 때 이렇게 창 설정을 해주시면 에니메이션 작업을 합니다. 1. 스토리 보드 만들기 2. 움직일 객체와 에니메이션 시작할 시간과 끝날 시간을 설정, 그리고 움..

RemoveElementAction - 컨트롤 삭제에 사용 Expression Blend 3 에서 작업 버튼 클릭시 사각형 모양 삭제하기 MainPage.xaml [Expression Blend 3] 버튼 컨트롤 추가, 도형 추가합니다. MainPage.xaml [Expression Blend 3] 자산-동작-RemoveElementAction을 도형에 드래그 합니다~ RemoveElementAction 속성 설정합니다. SourceName, EventName, TargetName 지정합니다. 결과화면

GoToStateAction - 컨트롤 VisualState를 변경할 때 사용 Expression Blend 3 에서 작업 버튼 컨트롤 영역으로 마우스 포인트 이동시 버튼 컨트롤의 VisualState 상태 변경 MainPage.xaml [Expression Blend 3] 버튼 컨트롤을 추가 합니다. 버튼 컨트롤을 추가 후에 자산-동작-GoToStateAction 을 선택 후 드래그 하여 버튼 컨트롤 영역에 가져다 놓습니다. 결과 확인 MainPage.xaml [Expression Blend 3] GoToStateAction 속성창에서 설정합니다. 수신 대기할 이벤트 이름을 정해줍니다. ( MouseMove ), 다음 Button의 상태를 설정합니다. ( Disibled ) 결과확인

ChangedPropertyAction - 해당 컨트롤에 액션/속성을 적용할 때 사용됨 이전에 만든 [ Trigger ] 예제 를 Microsoft Expression Blend 3 를 이용해서 구현 합니다. 먼저 해당 프로젝트에서 구현할 페이지에서 마우스 오른쪽 클릭 메뉴에서 "Open in Expression Blend" 클릭 Blend3 에서 작업하기 Blend 3가 실행되고 해당 레이아웃에 버튼 컨트롤을 추가 시켜주세요. 다음 자산 탭에서 ChangerPropertyAction 을 선택하세요. [ 창(W) - 자산(T) ] ChangePropertyAction을 버튼 컨트롤 영역에 드래그 해서 추가 이벤트 주기 ( 버튼 클릭시 버튼 배경색 변경 ) 결과 확인 Blend3 를 종료 하고 다시 해당 ..

Trigger - 코드 비하인드(C# 코드) 없이 XAML만을 이용해서 사용가능, ( 디자인을 위한 기능 ) - 이벤트 설정 가능 ( 시작 지점을 결정 ) 트리거를 사용하기 위해서는 Microsoft.Expression.Interactions, System.Windows.Interactivity, Microsoft.Expression.Prototyping.Interactivity 추가 해야합니다. Microsoft.Expression.Interactions, Microsoft.Expression.Prototyping.Interactivity는 Expression Blend3가 설치 되어있어야 생깁니다. [참고 교재 - 실버라이트3] 프로젝트 참조 추가 추가 후 확인하기 MainPage.xaml [ 네임스..

MainPage.xaml MainPage.xaml.cs namespace EasingKeyFrame { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); myRect.MouseLeftButtonDown += new MouseButtonEventHandler(myRect_MouseLeftButtonDown); } void myRect_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { sb.Begin(); } } } 결과화면