Пользовательская граница пути

Question

Я хочу создать рамку, которая также будет покрывать мой <Path> объект каретки.

Вот что у меня сейчас есть:

Вот как я хочу, чтобы это выглядело:

Я пытался использовать Path штрих вместе с некоторыми хакерскими StrokeDashArray значениями, однако результат не был удовлетворительным и не выглядел правильно.

Как еще можно достичь границы вокруг целой сетки, которая будет включать Path?

Вот мой текущий код XAML:

   <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Path
            x:Name="Caret"
            Grid.Row="0"
            Margin="0,0,15,-1"
            HorizontalAlignment="Right"
            Panel.ZIndex="1"
            Data="M0 10 L 20 10 L 10 0 Z"
            Fill="White" />

        <Border
            Grid.Row="1"
            Padding="10"
            Background="White"
            BorderBrush="Teal"
            BorderThickness="1"
            CornerRadius="15">
        </Border>
    </Grid>

Answer 1

Вам нужно будет изменить данные вашего пути и добавить штрих к вашему пути, чтобы достичь того, что вы ищете.Попробуйте этот код.

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Path x:Name="Caret"
              Grid.Row="0"
              Margin="0,0,15,-1"
              HorizontalAlignment="Right"
              Panel.ZIndex="1"
              Data="M0 10  L 10 0 L 20 10"
              Stroke="Teal"
              Fill="White" 
              ClipToBounds="True"
              />

        <Border Grid.Row="1"
                Padding="10"
                Background="White"
                BorderBrush="Teal"
                BorderThickness="1"
                CornerRadius="15">
        </Border>
    </Grid>