在visual studio 2010中启用WPF旋转/调整视频大小

Question

我正在使用visual studio 2010在WPF中开发这个多点触控应用程序。

我有以下问题:

我正在尝试使用旋转，缩放和其他效果与多点触控(如ipad风格的画廊)。

谁能告诉我如何做到这一点与媒体元素?对于你所看到的图像，我没有问题，旋转/缩放工作得很好。

来源如下:

<Window x:Class="TouchRect.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TouchRect" 
    Title="MainWindow" Height="600" Width="800">
<Grid Width="auto">
    <local:RulerCanvas x:Name="canvas"  >
        <!--<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"    Height="215" Width="736">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <UniformGrid Columns="3" HorizontalAlignment="Center" VerticalAlignment="Stretch"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>-->
        <Image x:Name="image3" Width="74" Height="49" IsManipulationEnabled="True" Source="flower3.jpg" Canvas.Left="239" Canvas.Top="-273">
            <Image.RenderTransform>
                <MatrixTransform Matrix="2.41806325085411,0,0,2.41806325085411,280.737615796121,292.420001677231" />
            </Image.RenderTransform>
        </Image>
        <Image x:Name="image2" Width="64" Height="49" IsManipulationEnabled="True" Source="flower2.jpg" VerticalAlignment="Stretch" Canvas.Left="-236" Canvas.Top="-272">
            <Image.RenderTransform>
                <MatrixTransform  Matrix="2.41806325085411,0,0,2.41806325085411,280.737615796121,292.420001677231"/>
            </Image.RenderTransform>
        </Image>
        <StackPanel Orientation="Horizontal" Margin="0,10,0,0"></StackPanel>

        <Image x:Name="image" Width="74" Height="49" IsManipulationEnabled="True" Source="flower.jpg" Stretch="Fill" HorizontalAlignment="Center" Canvas.Left="-7" Canvas.Top="-271">
            <Image.RenderTransform>
                <MatrixTransform Matrix="2.41806325085411,0,0,2.41806325085411,280.737615796121,292.420001677231" />
            </Image.RenderTransform>
        </Image>
        <MediaElement x:Name="media" Source="C:UsersPublicVideosSample VideosWildlife.wmv" Width="633" Height="366" Canvas.Left="65" Canvas.Top="164" LoadedBehavior="Manual" IsManipulationEnabled="True" />
        <!--</ListBox>-->  
    </local:RulerCanvas>
</Grid>

非常感谢!

Answer 1

如果你想旋转一个媒体元素，你应该可以这样做:

<MediaElement Source="vid.wmv">
   <MediaElement.LayoutTransform>
       <TransformGroup>
           <RotateTransform Angle="-30"/>
       </TransformGroup>
   </MediaElement.LayoutTransform>
</MediaElement>