이미지를 회전하여 Windows Phone 7에서 사용 가능한 공간을 채우려면 어떻게합니까?

Question

좋아요,이 이미지는 1000x500입니다.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="0,0,0,0" Background="{StaticResource PhoneAccentBrush}"> 
    <Image Name="image1" /> 
</Grid> 

을 내가 코드에서 이미지의 내용을 설정 한 후,이 같은 렌더링 : 그래서 나는이 같은 WP7에 표시하고 있습니다

이

나쁘지 않은,하지만 내 비즈니스 요구 사항입니다 수직으로 표시하려면 회전시켜야합니다. 충분히 쉬운 : 아이디어의

OK,하지만 나는 이미지를 최대한 스트레칭 할 :

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="0,0,0,0" Background="{StaticResource PhoneAccentBrush}"> 
    <Image Name="image1" RenderTransformOrigin="0.5 0.5"> 
     <Image.RenderTransform> 
      <RotateTransform Angle="90"></RotateTransform> 
     </Image.RenderTransform> 
    </Image> 
</Grid> 

그리고 결과입니다. 이미지가 화면 크기보다 크기 때문에 쉽게 만들어야합니다.

대신 이미지가 화면을 가로로 채울 때와 같은 크기를 취하는 것처럼 보입니다. 은 회전되는 이미지입니다.

좋아, 그래서 그들은 "스트레치"매개 변수를 가지고있어. 그것이 무엇을하는지 보자.

글쎄, 그것을 설정하면 않습니다 "기입"로 설정 아무것도에게

을 "통일"하지 않습니다이 : 그냥, 수평으로 회전 된 이미지를 스트레칭처럼

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="0,0,0,0" Background="{StaticResource PhoneAccentBrush}"> 
    <Image Name="image1" RenderTransformOrigin="0.5 0.5" Stretch="Fill"> 
     <Image.RenderTransform> 
      <RotateTransform Angle="90"></RotateTransform> 
     </Image.RenderTransform> 
    </Image> 
</Grid> 

이 보이는 내가 원하는 것이 아니다.

그리고 "UniformToFill이면"

이 작업을 수행합니다 :

난 거기에 무슨 일이 있었는지 모른다.

저는이 애플리케이션을 iOS 및 Android 용으로 프로그래밍 한 후 10 년 동안의 전문 기술이 이제 C#에 있었기 때문에 WP7을 사용하여 많은 것을 얻었습니다. 간단하게 작업 할 수 있으며 많은 작업을 성공적으로 수행했으며 (.NET CE, Silverlight 등)

그래서 다른 모든 것을 불어 넣는 이유는 당황 스럽습니다. 이 응용 프로그램에서는 회전 및 크기 조정을위한 간단한 이미지를 얻을 수 없습니다.

누구나 내가 무엇을 놓치고 있는지, 여기서 잘못하고 있는지 알 수 있습니까? 내가 필요로하는 것은 90도 회전하고 화면을 채우는 것입니다. 그래서 WP7에서 보았던보다 정교한 회전 솔루션은 실제로 여기에 적용되지 않습니다.

Answer 1

RenderTransform의 문제점은 부모 컨트롤에 크기/방향의 변경 사항을 전파하지 않는다는 것입니다. WPF에는이를 수행하는 LayoutTransform이 있습니다.

Luckily you are not alone and the Silverlight toolkit provides a solution 전화 : LayoutTransformer

For the windows Phone you can find a port by David Anson here