如何在UWP中为CaptureElement制作圆角?

时间:2017-06-21 06:56:21

标签: c# xaml uwp border

我需要在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>

1 个答案:

答案 0 :(得分:0)

快速解决方法就是通过利用DOM的自然zindex给予幻觉元素被剪裁来伪造它,并基本上将Border浮动到顶部元素。

示例图像; enter image description here

快速PoC XAML;

<Grid Background="LightGray">

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

</Grid>

希望这会有所帮助,欢呼。