Пользовательское окно WPF

Question

Я хочу получить пользовательское окно, например

Мой код

     Height="800" Width="450" WindowStyle="None" ResizeMode="NoResize" Background="Transparent" AllowsTransparency="True">
<Grid>
    <Border Background="#FFFFFF" BorderBrush="LightGray" BorderThickness="3" CornerRadius="30 30 30 30">
    </Border>
</Grid>

Но я не понимаю, как изменить геометрию, чтобы получить эту стрелку на вершине. Можете ли вы помочь мне со ссылкой (изменение геометрии)?

Answer 1

Вот идея, может быть, она поможет вам выбрать правильное направление:

<Window x:Class="Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800" 
        WindowStyle="None" ResizeMode="NoResize" WindowStartupLocation="CenterScreen"
        Background="Transparent" AllowsTransparency="True" SnapsToDevicePixels="True">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Canvas Grid.Row="0" Panel.ZIndex="5" HorizontalAlignment="Center" Height="12.5">
            <Polygon Points="15,15 20,15 10,0 0,15" Height="14" Width="20" Fill="White" Stroke="LightGray" StrokeThickness="1"/>
        </Canvas>
        <Border Grid.Row="1" BorderThickness="1" Background="White" BorderBrush="LightGray" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        </Border>
    </Grid>
</Window>

Answer 2

Правильный ответ:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Canvas Grid.Row="0" Panel.ZIndex="1" HorizontalAlignment="Center" Height="12">
        <Polygon Points="20,15 10,2 0,15" Height="14" Width="20" Fill="White" Stroke="LightGray" StrokeThickness="2" Canvas.Left="-10"/>
    </Canvas>
    <Border Grid.Row="1" Background="White" BorderBrush="LightGray" BorderThickness="2" CornerRadius="30 30 30 30">
    </Border>
</Grid>