ボーダーの重複問題

Question

、私はそれのまわりのボーダーで、このグリッドを持っている：

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

、問題がラベルの境界線がグリッドの隅にオレンジ色の境界線と重なっていること、です。これはおそらくZインデックスのためです。この問題を解決するには？

Answer 1

にマージンを設定することができますので

<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

あなたはラベルが完全に外側の境界線を持つようにしたいですか？ボーダーとラベルの間のギャップが許容される場合は、グリッド

<Grid Margin="2"> 

Answer 3

参照のように、すべての側の境界線を持たないようにラベルを設定することができます次の質問：How to make the contents of a round-cornered border be also round-cornered?は

それはあなたにこの

と同様の結果が得られます

好きなように使用

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