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

最佳答案

一种快速的解决方法是通过使用DOM的自然zindex并给您一个Border基本上浮动在元素顶部的假象,从而使该元素被裁剪,从而伪造它。

示例图片;
c# - 如何在UWP中为CaptureElement制作圆角?-LMLPHP

快速PoC XAML;

<Grid Background="LightGray">

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

</Grid>


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

关于c# - 如何在UWP中为CaptureElement制作圆角?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44668831/

10-17 02:19