Windows 표면 2.0에서 이미지 조작 (회전)

Question

Windows 표면 2.0에서는 C# wpf를 사용하고 있습니다.

나는 xmpl 파일에서 가져온 일련의 이미지로 작업 해왔다.

텍스트에 대한 몇 가지 예제를 찾았지만 이미지의 경우 GDI +를 사용하여 이미지를 조작하고 애니메이션을 만들었지 만 나는 원하지 않습니다.

내가 지금하고 싶은 주요한 점은 이미지를 회전 (회전 변환)하여 회전한다는 것을 보여주는 것입니다. 여기

내가 이미지를 해결하고 방법입니다

Canvas.SetTop(image1, 0); 
Canvas.SetLeft(image1, 200); 

어떤 도움이 많이 주시면 감사하겠습니다.

감사합니다.

Answer 1

당신의 질문은 그다지 구체적이지 않으며 이미지의 회전을 움직이게하는 많은 방법이 있습니다.

간단한 방법은 이미지 컨트롤의 RenderTransform에 RotateTransform을 할당 한 다음이 RotateTransforms의 Angle 속성에 애니메이션을 적용하는 것입니다.

<Image x:Name="image" Source="..." 
     RenderTransformOrigin="0.5,0.5"> 
    <Image.RenderTransform> 
     <RotateTransform/> 
    </Image.RenderTransform> 
</Image> 

다음과 같은 코드에서 애니메이션을 시작

:

는

var transform = (RotateTransform)image.RenderTransform; 
var animation = new DoubleAnimation(360, TimeSpan.FromSeconds(5)); 
transform.BeginAnimation(RotateTransform.AngleProperty, animation); 

---

당신은 MSDN에 Animation Overview 문서의 WPF에서 애니메이션에 대한 책을 읽은 시작할 수 있습니다. Transforms Overview 도움말도 도움이 될 수 있습니다.

Answer 2

사용자 상호 작용없이 자동으로 이미지를 회전하려면 Clemens의 대답을 확인하십시오. 당신은 터치 조작으로 회전 할하지만, 난 쉽게 그래서 같은 ScatterViewItem에 이미지를 넣어 찾을 :

물론

<s:ScatterView> 
    <s:ScatterViewItem CanMove="False" CanScale="False"> 
     <s:ScatterViewItem.Background> 
      <ImageBrush ImageSource="yourImage.png" Stretch="UniformToFill"/> 
     </s:ScatterViewItem.Background> 
    </s:ScatterViewItem> 
</s:ScatterView> 

, 당신이 (가) ScatterView에 넣어해야하는 오버 헤드와 그 내용이