c# - 如何在 UWP 中为 CaptureElement 制作圆角？

Question

我需要为 UWP 中的 CaptureElement 设置一个圆角。我尝试为这个带有圆角半径的元素添加边框。似乎正在创建边框，但 CaptureElement 没有在角落处被裁剪。下面是我正在处理的代码。

     <StackPanel RelativePanel.Below="Seperator2" RelativePanel.AlignHorizontalCenterWithPanel="True">
                <Border BorderThickness="5" BorderBrush="#E4F7FF" CornerRadius="10">
                <controls:DropShadowPanel Name="PreviewShadow" BlurRadius="8.0" ShadowOpacity="0.1" OffsetX="-10" OffsetY="10" Color="Black">
                    <CaptureElement Name="previewcontrol" HorizontalAlignment="Center" Height="260" VerticalAlignment="Center" Width="345" Margin="0,0,0,0" />
                </controls:DropShadowPanel>
                </Border> </StackPanel>

Answer 1

一个快速的解决方法是通过利用 DOM 的自然 zindex 并基本上 float 您的 Border 给元素被剪裁的错觉来伪造它在元素的顶部。

示例图片；

快速 PoC XAML；

<Grid Background="LightGray">

   <Grid Width="200" Height="200">
      <CaptureElement/>
       <Border BorderBrush="Yellow" BorderThickness="10" 
               CornerRadius="20" Margin="-10"/>
   </Grid>

</Grid>

希望这有帮助，干杯。