网格倾斜效果，如Windows 8开始屏幕

Question

我正在尝试在WPF中创建一个看起来像Windows 8“开始”屏幕的磁贴的磁贴。 实际上，问题是我不知道如何制作Windows 8磁贴的倾斜效果（点击效果）。 我尝试了不同的转换，例如矩阵转换，但这不是我想要的。

图片说明：

默认样式：

这是我的代码

                <Grid >
                    <Grid.LayoutTransform>
                        <MatrixTransform>
                            <MatrixTransform.Matrix >
                                <Matrix OffsetX="5" OffsetY="5" M11="1" M12="0.1"></Matrix></MatrixTransform.Matrix>
                        </MatrixTransform>
                    </Grid.LayoutTransform>
                    <Grid.Background>
                        <ImageBrush ImageSource="/MaCollectivitéWPF;component/src/Img/Home/Porte Document-petite.jpg" Stretch="UniformToFill" >

                        </ImageBrush>
                    </Grid.Background>

这几乎是我想要的，但我只想让底部倾斜。

我已经看过3D控件，但我认为这对于我正在寻找的内容来说很复杂。

是否有布局转换的解决方案我还没有见过？

Answer 1

我想你想要捏Greg Schechter's Planerator来倾斜。

您的用例正是文章中的用例，因此我怀疑您是否需要更改任何内容。我自己没试过，但它似乎减少了将飞机倾斜到相当容易的xaml。值得一看。

 <pl:Planerator RotationY="35">
       <StackPanel Orientation="Horizontal" ... >
            <StackPanel>
                <Label  FontSize="24" Content=" " Foreground="#FF000000"/>
                <Border ... >
                    <MediaElement x:Name="myMediaElement" />
                </Border>
            </StackPanel>
            <ListBox ... />
        </StackPanel>
    </pl:Planerator>