Border nakładających problemu

Question

mam tej siatki z ramką:

<Border Padding="0" BorderBrush="Orange" BorderThickness="2" CornerRadius="5"> 
    <Grid >      
     <Label Grid.Row="0" Grid.Column="0" BorderBrush="Black"/> 
     <Label Grid.Row="1" Grid.Column="0" BorderBrush="Black"/> 
     <Label Grid.Row="0" Grid.Column="1" BorderBrush="Black"/> 
     <Label Grid.Row="1" Grid.Column="1" BorderBrush="Black"/> 
    </Grid> 
</Border> 

A problem jest, że granice pokrywają się etykieta pomarańczową ramkę w rogach siatki. Prawdopodobnie wynika to z indeksu Z. Jak rozwiązać ten problem?

Answer 1

można ustawić etykiety nie mieć obramowanie na każdej stronie, tak jak

<Label Grid.Row="0" Grid.Column="0" BorderBrush="Black" BorderThickness="0,0,1,1" /> 
<Label Grid.Row="1" Grid.Column="0" BorderBrush="Black" BorderThickness="0,1,1,0"/> 
<Label Grid.Row="0" Grid.Column="1" BorderBrush="Black" BorderThickness="1,0,0,1"/> 
<Label Grid.Row="1" Grid.Column="1" BorderBrush="Black" BorderThickness="1,1,0,0"/> 

Answer 2

Chcesz etykiety mieć pełną zewnętrzną granicę? Jeśli przerwa między granicy i etykiety jest dopuszczalne, można ustawić margines na siatce

<Grid Margin="2"> 

Answer 3

Zobacz następujące pytanie: How to make the contents of a round-cornered border be also round-cornered?

będzie to daje efekt podobny do tego

Użyj go jak

<local:ClippingBorder Padding="0" BorderBrush="Orange" BorderThickness="2" CornerRadius="5"> 
    <Grid > 
     <!--...--> 
    </Grid> 
</local:ClippingBorder>