XAML中的形状 - 如何绘制:

时间:2013-02-18 19:08:16

标签: wpf xaml windows-phone-8

我需要使用XAML在Windows Phone 8上制作这个形状:

The hebrew is not important

很容易制作带圆角的矩形和灰色背景。但是要使矩形的顶部如图所示看起来非常困难。有人能给我一个暗示吗?我使用XAML已经2年了,我正在清除锈迹。

1 个答案:

答案 0 :(得分:2)

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

<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}},希望这会有所帮助。