Blog Content

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(); } } } 결과화면

SplineKeyFrame - 비 선형 애니메이션을 실행, 애니메이션의 속도 조절 MainPage.xaml MainPage.xaml.cs public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); this.Loaded += new RoutedEventHandler(MainPage_Loaded); } void MainPage_Loaded(object sender, RoutedEventArgs e) { this.mySb.Begin(); } } 결과화면

DiscreteKeyFrame - 분리된 애니메이션 실행, 초기값에서 지정된 값으로 갑자기 변경 MainPage.xaml MainPage.xaml.cs namespace DiscreteKeyFrame { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); this.myRect.MouseLeftButtonDown += new MouseButtonEventHandler(myRect_MouseLeftButtonDown); } void myRect_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { mySb.Begin(); } } } 결과화면

LinearKeyFrame - 선형 애니메이션을 실행, 속성값이 초기값으로 연속적으로 변경 MainPage.xaml 결과화면

TimeLine - TimeLine 클래스를 통해 표현되는 애니메이션입니다. TimeLine 속성 AutoReverse : 애니메이션 실행 완료후 다시 역 방향으로 재실행하는지 설정 BeginTime : 애니메이션 실행 시간 설정 Duration : 애니메이션이 실행될 전체 시간 설정 FillBehavior : 애니메이션이 종료 후 현재 애니메이션을 어떻게 할 것인지 설정 SpeedRation : 애니메이션 실행 속도 지정 RepeatBehavior : 애니메이션 반복 여부 설정 MainPage.xaml 결과화면

ColorAnimation - 색상을 변경하는 애니메이션 MainPage.xaml 결과화면

PointAnimation - 위치를 변경하는 애니메이션 MainPage.xaml 결과화면

DoubleAnimation - 숫자를 변경하는 애니메이션을 정의 Storyboard 클래스 : Timeline 클래스를 상속되며 애니메이션 실행 할 때 사용되는 중요한 역활 Storyboard 속성 - TargetName : 애니메이션이 실행될 대상의 객체 이름을 가져옴 ( x:Name ) - TargetProperty : 애니메이션의 실행 대상이 될 객체의 요소의 변화시킬 속성 지정 - Duration : 애니메이션 실행될 총 시간 (10초 : 0:0:10 ) [ 일:시:분:초:밀리초 - 1초 : 0:0:0:1.0 ] - From : 애니메이션 시작 시간 지정 - To : 애니메이션 종료때 속성의 최종값 지정 MainPage.xaml [ DoubleAnimation ] 결과화면 : 한 번만 실행 이미..

Template - 컨트롤 디자인(유형)을 변경 할 수 있는 기능입니다. 이전 컨트롤 속성에서 디자인 할 수 있지만 Template를 사용하면 좀더 다양하게 변경 할 수 있습니다. 리소스 선언하여 컨트롤 적용가능합니다. ControlTemplate FrmControlTemplate.xaml TemplateByStyle FrmTemplateByStyle.xaml TemplateBinding - Content가 Text일 경우에 사용합니다. Content가 Text가 아닌 다른 요소가 오는 경우 나타나지 않습니다. 이럴땐 ContentPresenter 사용합니다. FrmTemplateBinding.xaml ContentPresenter FrmContentPresenter.xaml

Style - 여러개의 속성을 하나의 x:Key 값으로 정하여 사용 MainPage.xaml 결과화면

Resource - 자바스크립트 파일, 비디오/오디오 파일등 SilverLight 어플리케이션에 사용되는 바이너리 데이터를 의미, XAP 파일로 압축 형태로 클라이언트로 전송되므로 배포가 간편합니다. - 스타일과 템플릭 적용을 위한 XAML 영역 Resource 속성 - Build Action 설정하여 리소스 패키지 방식 설정 가능 None(없음) - dll, xap에 리소스 포함하지 않음 Content(내용) - 프로젝트에 xap에 리소스 포함 Resource(리소스) - dll 파일에 리소스 포함 FrmMergedResourceDictionary.xaml [ 외부 리소스 ] 1. 해당 프로젝트에서 파일을 추가합니다. Silverlight Resource Dictionary 추가 ( FrmMergedR..

Calendar - 달력 컨트롤로 속성을 이용하여 외형 변경이 가능합니다. DatePicker - 날짜를 입력 받기/Calendar 을 이용하여 날짜 값을 가져올수 있는 컨트롤 입니다. MainPage.xaml 참고해주세요~ [ 64.SilverLight3 - Tab ] 도구상자에서 직접 추가 해주셔도 됩니다. MainPage.xaml.cs namespace Calendar { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); this.cal.SelectedDatesChanged += new EventHandler(cal_SelectedDatesChanged); this.btnGet.Click +..

TabControl 추가 하기위해서~ TabControl 컨트롤을 사용하기 위해서는 XAML코드에서 직접 namespace를 선언 해야 합니다. xmlns:my="System.Windows.Controls" my라는 이름으로 XML 네임스페이스를 정의하고 사용한다는 걸로 알고 있습니다...;; 입력하게 되면 자동으로 xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 이렇게 되면 솔루션탐색기-참조에 System.Windows.Controls 가 자동 추가됩니다. 이제 my 라고 입력하면 컨트롤을 사용할 수 있습니다. 사용 가능한 컨트롤 목록입니다. MainPage.xaml xmlns:my="clr-namespa..

Slider - 참고 [ 41.SilverLight3 - Perspective 3D ] MainPage.xaml MainPage.xaml.cs namespace Slider { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); this.slider.ValueChanged += new RoutedPropertyChangedEventHandler(slider_ValueChanged); } void slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs e) { this.txt.FontSize = slider.Value; //txtSize...