wpf - XAML 中的形状 - 如何绘制：

Question

我需要使用 XAML 在 windows phone 8 上制作这个形状：

制作圆角矩形很容易，灰色背景也很容易。但是要使矩形的顶部如图所示似乎很难。有人可以给我一个提示吗？我使用 XAML 已经 2 年了，我正在去除锈迹。

Answer 1

不，不是真的，它实际上非常简单，并且有多种方法可以实现相同的效果。这是一个例子。

<Grid Width="150" Height="200">
    <Grid.RowDefinitions>
        <RowDefinition Height="20"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Border CornerRadius="10,10,0,0">
        <Border.Background>
            <LinearGradientBrush EndPoint="0.822,0.633" StartPoint="0.158,0.189">
                <GradientStop Color="#FF09CCF4" Offset="0"/>
                <GradientStop Color="#FF020CA7" Offset="1"/>
            </LinearGradientBrush>
        </Border.Background>
        <TextBlock Text="Blah" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
    </Border>
    <Border Grid.Row="1" Background="White" CornerRadius="0,0,10,10"/>
    <TextBlock Grid.Row="1" Text="Other Stuff" VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Grid>

如果您愿意，您可以交换Border用于Rectangle' 的 '，希望这会有所帮助。