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ます。これがお役に立てば幸いです。