이번 포스팅에서는 ScatterView를 사용하는 간단한 예제를 만들어 보겠습니다.
ScatterView는 Item으로 포함된 객체들을 이동, 회전, 크기조절을 가능하게 해주는 패널입니다.
Item으로 포함되는 객체들의 위치와 회전 각도는 항상 랜덤하게 설정됨으로 추가 시 항상 다른 위치와 각도로 나타납니다.
추가되는 Item의 형식은 ScatterViewItem으로 기본적으로 ScatterViewItem으로 추가 시키지 않아도
ScatterViewItem의 Content로 설정이 되어 추가가 되어 집니다.
ScatterViewItem는 다음과 같은 속성이 있습니다.
|
MaxWidth |
최대 넓이 지정 |
|
MaxHeight |
최대 높이 지정 |
|
MinWidth |
최소 넓이 지정 |
|
MinHeight |
최소 높이 지정 |
|
Center |
부모 요소에서의 위치( 객체의 중심점을 기준으로 합니다. ) |
|
Orientation |
회전 각도 |
ScatterViewItem은 RenderTransform의 영향을 받지 않음으로 Center와 Orientation의 속성으로 상태를 변경해야 합니다.
또한 Panel.SetZIndex 메서드를 통해 zindex 속성을 변경할 수 있습니다.
예제는 간단히 이미지들을 ScatterView에 추가시키는 내용으로 소스는 다음과 같이
ItemTemplate 을 사용하였습니다.
먼저 WPF용 Surface를 선택한 후 프로젝트를 생성합니다.
Surface에서는 다음과 같이 Surface 컨트롤을 사용해야만 터치를 할 수 있습니다.
< XAML >
| <s:ScatterView x:Name="scatterView"> <s:ScatterView.ItemTemplate> <DataTemplate> <Image Source="{Binding"}" Stretch="Fill" /> </DataTemplate> </s:ScatterView.ItemTemplate> </s:ScatterView> |
< C# >
| private void SurfaceWindow_Loaded(object sender, RoutedEventArgs e)
{ scatterView.ItemsSource = Directory.GetFiles(@"C:\Users\Public\Pictures\Sample Pictures", "*.jpg"); } |
< 실행 화면 >
Simulator를 먼저 실행 시킨 후 실행을 해야 모든 기능을 사용하실 수 있습니다.
ScatterView의 자세한 내용은 SDK 문서를 참고 하시기 바랍니다.
URL : ms-help: //MS.VSCC.v90/MS.VSIPCC.v90/Microsoft.Surface/Microsoft.Surface.SDK/ProgrammersGuide/
ScatterView/ScatterView.htm
다음 포스팅에서는 LibrayStack과 LibraryBar를 사용한 간단한 예제에 대해 알아 보겠습니다.
invalid-file'Window > Surface' 카테고리의 다른 글
| [ WPF ] TagVisualization (0) | 2010.07.15 |
|---|---|
| [ WPF ] Surface LibraryStack & LibraryBar - Drag and Drop (0) | 2010.07.10 |
| [ WPF ] Surface LibraryStack & LibraryBar (0) | 2010.07.04 |
| [ WPF ] Surface SDK 예제 (0) | 2010.07.03 |
| [ WPF ] Surface SDK 설치 (2) | 2010.07.02 |
