ボーダーコーナー半径は、残虐行為

Question

を埋める私はそうのように定義された境界線があります。

<Border x:Name="BaseBar" BorderThickness="1,1,1,2" Height="29" CornerRadius="0,0,16,16" Grid.Row="2"> 
<Border.BorderBrush> 
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
     <GradientStop Color="#FF6E6E6E" Offset="0.004"/> 
     <GradientStop Color="#FF1A1A1A" Offset="0.043"/> 
    </LinearGradientBrush> 
</Border.BorderBrush> 
<Border.Background> 
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
     <GradientStop Color="#FF313131" Offset="0"/> 
     <GradientStop Color="#FF232323" Offset="1"/> 
    </LinearGradientBrush> 
</Border.Background> 

をコーナーには半径を持っている場合しかし、それは正しく入力されません。ここで左下の画像は、次のとおりです。

あなたは明確に暗いフォアグラウンドを通じて輝く明るい背景を見ることができます。これを緩和する方法はありますか？

EDIT：追加の絵、それは背景がを通して輝いていることを示す。またを通じて取得中（黒半分に対し、

この場合

は、背景のみ白半分が見られます）は実際には検出できません。

Answer 1

この場合、通常は2つの罫線を互いに内側にネストします。これは内側の塗りつぶしの色が不透明な場合にのみ機能しますが、あなたのものはすでにそうであるので、これはうまくいくはずです。

ので、代わりの、例えば（フォローする例を容易にするために、固体の色の代わりに、グラデーションを使用して）：

あなたの代わりに使用することができ

<Border BorderThickness="1,1,1,2" CornerRadius="0,0,16,16" 
     BorderBrush="Blue" Background="Gray"> 
    ... 
</Border> 

：

<Border CornerRadius="0,0,16,16" Background="Blue"> 
    <Border CornerRadius="0,0,15,15" Background="Gray" Margin="1,1,1,2"> 
    ... 
    </Border> 
</Border> 

だから、外側ボーダーの用途「境界線」の色をBackgroundとし、内側の境界線をMarginと「境界線の幅」に設定し、次にBackgroundに実際の「背景色」を使用します。エフェクトは同じですが、半透明のシームは消えています。

右のようにするには、内枠のCornerRadiusを調整する必要があります。枠内にあるので、外側の角よりもわずかに小さい半径になります。境界線が1ピクセル幅の場合は、CornerRadiusを1ピクセル小さくします。ボーダーが不揃いなので、正しいと思われるものを目で確認したいと思うかもしれません。

Answer 2

そのため、BorderThicknessとBorderBrushが設定されています。 このようにそれを試してみてください：あなたは明るく、背景が暗いフォアグラウンドを通じて輝いて見るが、私はそのちょうどあなたのBorder.BorderBrushを考えるようにそれはそうなるよう

<Border x:Name="BaseBar" BorderThickness="0" Height="29" CornerRadius="0,0,16,16"> 
     <Border.Background> 
      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
       <GradientStop Color="#FF313131" Offset="0"/> 
       <GradientStop Color="#FF232323" Offset="1"/> 
      </LinearGradientBrush> 
     </Border.Background> 
    </Border> 

はBorder.BorderBrushはBorder.Backgroundと同じisint。

Answer 3

もう1つのオプション：私は、アンチエイリアスのギャップを修正するBorderのサブクラスを書きました。最新コードhere。しかし、あなたが望むことを使用します。