在windows 8 metro应用程序中创建圆角图像

本文关键字：创建 圆角 图像 应用程序 windows metro | 更新日期: 2023-09-27 18:09:47

我正在尝试在windows 8 metro应用程序中创建一个动画纸牌。我发现，通过在xaml中使用2个矩形，并通过变换和设置z顺序，我可以得到一个体面的动画。然而，当我尝试将子图像(用于卡片的正面)添加到其中一个矩形时，我无法编译。

有没有办法使用一个xaml图像标签内的矩形，这样你就可以使用radiusX radiusY属性来圆角?

这是我使用的允许旋转(x和z平面)

<Rectangle x:Name="cardRectBack"  Stroke="{StaticResource HyperlinkPointerOverForegroundThemeBrush}" RadiusX="20" RadiusY="20" Tapped="cardRect_Tapped" RenderTransformOrigin="0.5,0.5">
        <Rectangle.RenderTransform>
            <RotateTransform x:Name="rotateCard"/>
        </Rectangle.RenderTransform>
        <Rectangle.Projection>
            <!-- Apply a PlaneProjection to the image -->
            <PlaneProjection x:Name="backYRot" RotationY="20"/>
        </Rectangle.Projection>
        <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Black"/>
                <GradientStop Color="#FFBB4444" Offset="1"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>

在windows 8 metro应用程序中创建圆角图像

您可以使用ImageBrush代替LinearGradientBrush:

<Rectangle.Fill>
    <ImageBrush ImageSource="Assets/MyImage.png" />
</Rectangle.Fill>
相关文章：