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的{​​{1}}，希望这会有所帮助。