填充“corner radiuced”边框

Question

希望我的问题很容易:)我有BORDER作为一些角落半径的主要容器。它里面有一个GRID，如果我想设置一些背景颜色到网格 - 有一个丑角填充部分以外的角落变成...

那么，我该如何设置我的BORDER像一个全局容器里面的东西都在里面？

谢谢！

Answer 1

请参见以下问题：How to make the contents of a round-cornered border be also round-cornered?

ClippingBorder从答案呢在这方面做得非常好。以下是常规Border和ClippingBorder之间的比较。

<StackPanel Orientation="Horizontal"> 
    <Border CornerRadius="20,20,20,20" 
      BorderThickness="4" 
      BorderBrush="Black" 
      Width="50" 
      Height="50"> 
     <Grid Background="Red"/> 
    </Border> 
    <controls:ClippingBorder CornerRadius="20,20,20,20" 
          BorderThickness="4" 
          BorderBrush="Black" 
          Width="50" 
          Height="50" 
          Margin="20,0,0,0"> 
     <Grid Background="Red"/> 
    </controls:ClippingBorder> 
</StackPanel> 

Answer 2

如果您想要背景色填充圆角，您需要在边框本身设置背景属性，而不是其中的网格。现在，如果你只是想在电网在边框内完全设置在网格保证金用于补偿圆角半径：

<Border CornerRadius="10" 
     BorderBrush="Black" 
     BorderThickness="5" 
     Background="Green"> 
    <Grid Background="Red" 
      Margin="2.5"> 

    </Grid> 
</Border>