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>

自定义路径边框

1 个答案: