Bordo spesso a destra ea sinistra

Question

La mia applicazione desktop RibbonWindow mostra un bordo nero spesso su entrambi i lati in Windows 10. Puoi riprodurlo con una semplice applicazione WPF che mostra una RibbonWindow. Il bordo è non visualizzato su Windows 8.x.

Qualcuno sa, come rimuovere il confine?

Un tizio ha posto una domanda simile su msdn, e la risposta e 'si tratta di un problema noto'. Ma seguendo il fornito link non riesco a trovare alcun specifico.

Quindi qualcuno può aiutarmi a uscire da questo?

Modifica: il colore dei bordi è nero, se la finestra non è attiva. Se la finestra è attiva, il bordo ottiene il colore dal colore dell'accento personalizzato di Windows.

Answer 1

Considerare l'utilizzo di WindowChrome con GlassFrameThickness = GlassFrameCompleteThickness.

Questa non è una soluzione ideale - dovresti fare attenzione a lasciare spazio al titolo della finestra e ai pulsanti di ingrandimento, riduzione a icona e chiusura. Detto questo, si sbarazza del problema di confine con cui si ha a che fare.

Per un esempio di come gestire il layout del contenuto quando WindowChrome è in uso, vedere risposta this SO.

Ecco un XAML completo che dovrebbe anche aiutare:

<RibbonWindow x:Class="RibbonTest.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local="clr-namespace:RibbonTest" 
       xmlns:shell="clr-namespace:System.Windows.Shell;assembly=PresentationFramework" 
     mc:Ignorable="d" 
     Title="RibbonWindow" Height="350" Width="525"> 
    <WindowChrome.WindowChrome> 
     <WindowChrome GlassFrameThickness="{x:Static shell:WindowChrome.GlassFrameCompleteThickness}"/> 
    </WindowChrome.WindowChrome> 
    <Window.Template> 
     <ControlTemplate> 
      <Grid> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="30"/> 
        <RowDefinition Height="1*"/> 
       </Grid.RowDefinitions> 

       <!-- Opacity of < 1.0 helps show the minimize, maximize and close buttons --> 
       <Border Grid.Row="0" Background="Wheat" Opacity="0.8"> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="30" /> 
          <ColumnDefinition Width="1*"/> 
         </Grid.ColumnDefinitions> 


         <!-- Window Title - Center Aligned --> 
         <TextBlock 
          Grid.Column="1" 
          TextAlignment="Center" 
          VerticalAlignment="Center" 
          Text="{Binding Title, RelativeSource={RelativeSource TemplatedParent}}" /> 

        </Grid> 
       </Border> 

       <!-- This is the Window's main content area --> 
       <!-- Top margin 44 = WindowChrome ResizeBorderThickness (4) + CaptionHeight(40) --> 
       <!-- Bottom margin 1 is somewhat arbitrary --> 
       <Border Grid.Row="1" Background="White" Opacity="0.5"> 
        <ContentPresenter Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}"/> 
       </Border> 
      </Grid> 
     </ControlTemplate> 
    </Window.Template> 
    <Grid> 
     <Border Background="Cyan" BorderBrush="BlanchedAlmond" BorderThickness="5"> 
      <Label FontSize="80" HorizontalAlignment="Center" VerticalAlignment="Center">Hello World</Label> 
     </Border> 
    </Grid> 
</RibbonWindow> 

Il RibbonWindow risultante sarebbe simile a questa: