用网格隐藏一半边框

Question

如何在没有路径元素的情况下用不透明蒙版隐藏一半画笔？我想制作网站 "transparent"。

    <Border Height="32" Width="32" x:Name="b1" CornerRadius="50" BorderThickness="3" BorderBrush="Red">

    </Border>
    <Grid Height="32" Width="16" HorizontalAlignment="Right" x:Name="hideHaf" Background="Blue" >

    </Grid>

默认：

我要：

Answer 1

您可以简单地将边框调整到网格大小，然后使用网格的默认 ClipToBounds="True" 属性来剪裁边框，如下所示：

    <Grid Height="32" Width="16" HorizontalAlignment="Right" x:Name="hideHaf">
        <Border Height="32" Width="32" x:Name="b1" CornerRadius="50" BorderThickness="3" BorderBrush="Red"/>
    </Grid>

产生：

Answer 2

以防万一您的主要目标是绘制一个垂直的半透明圆圈。你可以这样做而不是使用 Border:

    <Path Width="16" Height="32" Stretch="Fill" Data="M5,0 A5,5,0,0,0,5,10" Stroke="Red" StrokeThickness="3" HorizontalAlignment="Left" VerticalAlignment="Top"/>

用网格隐藏一半边框

Hide half of border with grid

c#

wpf

xaml

mask

opacity