Border chồng chéo vấn đề

Question

Tôi có lưới này với một biên giới xung quanh nó:

<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> 

Và vấn đề là, cho đường biên của nhãn chồng lên đường viền cam ở các góc lưới. Đó có thể là do chỉ số z. Làm thế nào để giải quyết vấn đề này?

Answer 1

Bạn có thể thiết lập các nhãn không có đường viền trên tất cả các bên, như vậy

<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

Bạn có muốn các nhãn có đường viền ngoài hoàn chỉnh không? Nếu khoảng cách giữa biên giới và nhãn là chấp nhận được, bạn có thể đặt lề trên lưới

<Grid Margin="2"> 

Answer 3

Xem câu dưới đây: How to make the contents of a round-cornered border be also round-cornered?

Nó sẽ cung cấp cho bạn một kết quả tương tự như sau

Sử dụng nó như

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