wpf - Designer sieht anders aus als Anwendung

Question

Hallo ich seltsames Problem haben. In Visual Studio Designer sieht meine Anwendung normal aus - Farben sehen genauso aus wie ich sie eingestellt habe. Allerdings, wenn ich eine Anwendung fast alle Bedienelemente auf dem Hauptfenster zu starten bekommen schwarze Hintergrundfarbe

Hier ist mein XAML-Code für Hauptfenster (ein bisschen zu lang)

<Window x:Class="SensorNetworkWpf.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    WindowStartupLocation="CenterScreen" 
    Title="Diagram Designer" 
    Height="850" Width="1251" Background="#200077EF"> 

<Window.Resources> 
    <!--<ContextMenu x:Key="DesignerCanvasContextMenu"> 
     <MenuItem Header="Paste" Command="{x:Static ApplicationCommands.Paste}"> 
      <MenuItem.Icon> 
       <Image Source="Resources/Images/Paste.png" Width="16"/> 
      </MenuItem.Icon> 
     </MenuItem> 
     <MenuItem Header="Select All" Command="{x:Static s:DesignerCanvas.SelectAll}"/> 
    </ContextMenu>--> 
</Window.Resources> 

<Grid x:Name="MainGrid" Background="Transparent"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="114"/> 
     <RowDefinition Height="628*"/> 
     <RowDefinition Height="50"/> 
    </Grid.RowDefinitions> 





     <!-- Toolbox --> 
     <!-- GridSplitter --> 

     <!-- Designer --> 
    <StackPanel Grid.Row="2" > 

    <Grid Height="30" > 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition></ColumnDefinition> 
       <ColumnDefinition></ColumnDefinition> 
       <ColumnDefinition></ColumnDefinition> 
      </Grid.ColumnDefinitions> 
       <Button x:Name="btnArrange" Grid.Column="0" Content="Rozmieść" Click="btnArrange_Click" /> 
     <Button x:Name="btnReset" Grid.Column="1" Content="Reset" Click="btnReset_Click" /> 
     <Button x:Name="Start" Grid.Column="2" Content="Start" Click="Start_Click" /> 

    </Grid> 
     <ProgressBar x:Name="pbProgress" Height="20" Minimum="0" Maximum="100" /> 
    </StackPanel> 
     <GroupBox Header="Diagram" Grid.Row="1" Margin="3,22,0,0"> 
      <ScrollViewer HorizontalScrollBarVisibility="Auto" 
        VerticalScrollBarVisibility="Auto"> 
       <Canvas x:Name="MyDesigner" Background="GhostWhite"> 

       </Canvas> 
      </ScrollViewer> 
     </GroupBox> 


    <GroupBox Header="Algorytm" HorizontalAlignment="Left" Margin="9,0,0,0" Name="gpAlgorithm" Width="328"> 
     <StackPanel > 
      <RadioButton x:Name="rbSA" Content="Symulowane wyżarzanie" Margin="5,5,0,0" IsChecked="True" Checked="rbSA_Checked"/> 
      <RadioButton x:Name="rbSAwT" Content="Symulowane wyżarzanie i trilateracja" Margin="5,5,0,0" Checked="rbSA_Checked" /> 
      <RadioButton x:Name="MDS" Content="Wielowaymiarowe skalowanie" Margin="5,5,0,0" Checked="rbSA_Checked" /> 
     </StackPanel> 
    </GroupBox> 
    <GroupBox Header=" " Margin="346,0,6,0" Name="groupBox1"> 
     <Grid> 

      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="145*"> 

       </ColumnDefinition> 
       <ColumnDefinition Width="371*"> 

       </ColumnDefinition> 
       <ColumnDefinition Width="258*"></ColumnDefinition> 
       <ColumnDefinition Width="258*"></ColumnDefinition> 
      </Grid.ColumnDefinitions> 

      <GroupBox Header="Temperatura"> 
       <Grid> 
        <Grid.RowDefinitions> 
         <RowDefinition></RowDefinition> 
         <RowDefinition></RowDefinition> 

        </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="60"></ColumnDefinition> 
         <ColumnDefinition></ColumnDefinition> 
        </Grid.ColumnDefinitions> 
        <Label x:Name="lblStartTemperature" Content="Startowa:" HorizontalAlignment="Left"/> 
        <Label x:Name="lblFinishTemperature" Content="Końcowa:" HorizontalAlignment="Left" Grid.Row="1"/> 
        <TextBox x:Name="txtStartTemperature" Grid.Column="1" TextAlignment="Center"></TextBox> 
        <TextBox x:Name="txtFinishTemperature" Grid.Column="1" TextAlignment="Center" Grid.Row="1"/> 


       </Grid> 
      </GroupBox> 
      <GroupBox Header="Współczynniki" Grid.Column="1"> 

       <Grid> 
        <Grid.RowDefinitions> 
         <RowDefinition Height="34.04*"></RowDefinition> 
         <RowDefinition Height="34.04*"></RowDefinition> 

        </Grid.RowDefinitions> 

        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="35.93*"></ColumnDefinition> 
         <ColumnDefinition Width="77.57*"></ColumnDefinition> 
         <ColumnDefinition Width="57*"></ColumnDefinition> 
         <ColumnDefinition Width="57*"></ColumnDefinition> 

        </Grid.ColumnDefinitions> 
        <Label x:Name="lblAlpha" Content="Alfa:" HorizontalAlignment="Left"/> 
        <Label x:Name="lblBeta" Content="Beta:" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Center"/> 
        <Label x:Name="lblShift" Content="Przesunięcie:" HorizontalAlignment="Left" Grid.Row="0" Grid.Column="2"/> 
        <Label x:Name="lblRange" Content="Zasięg" HorizontalAlignment="Left" Grid.Row="1" Grid.Column="2" /> 
        <TextBox x:Name="txtAlpha" Grid.Column="1" TextAlignment="Center"></TextBox> 
        <TextBox x:Name="txtBeta" Grid.Column="1" Grid.Row="1" TextAlignment="Center"/> 
        <TextBox x:Name="txtShift" Grid.Column="3" Grid.Row="0" TextAlignment="Center"/> 
        <TextBox x:Name="txtRange" Grid.Column="3" Grid.Row="1" TextAlignment="Center" /> 

       </Grid> 
      </GroupBox> 
      <GroupBox Header="Sposób rozmieszczenia" Grid.Column="2"> 
       <StackPanel > 
        <RadioButton x:Name="rbUniform" Content="Jednolicie" Margin="5,5,0,0" IsChecked="True" Checked="rbSA_Checked"/> 
        <RadioButton x:Name="rbNonUniform" Content="Niejednolicie" Margin="5,5,0,0" Checked="rbSA_Checked" /> 

       </StackPanel> 
      </GroupBox> 
      <GroupBox Header="Węzły" Grid.Column="3"> 

       <Grid> 
        <Grid.RowDefinitions> 
         <RowDefinition></RowDefinition> 
         <RowDefinition></RowDefinition> 

        </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="60"></ColumnDefinition> 
         <ColumnDefinition></ColumnDefinition> 
        </Grid.ColumnDefinitions> 
        <Label x:Name="lblAllNodes" Content="Wszystkie:" HorizontalAlignment="Left"/> 
        <Label x:Name="lblAnchornodes" Content="Główne:" HorizontalAlignment="Left" Grid.Row="1"/> 
        <TextBox x:Name="txtAllNodes" Grid.Column="1" TextAlignment="Center"></TextBox> 
        <TextBox x:Name="txtAnchornodes" Grid.Column="1" TextAlignment="Center" Grid.Row="1"/> 


       </Grid> 

      </GroupBox> 


     </Grid> 
    </GroupBox> 

</Grid> 

Answer 1

Der Hintergrund Ihrer Top-Level-Fenster :

Background="#200077EF" 

zeigt nicht in dem Designer, aber es „Ausbluten durch“ ist, wenn Sie es, weil das Gitter Hintergrund ist transparent ausgeführt werden.

Update: Das eigentliche Problem scheint der Alpha-Kanal des Hintergrunds des Fensters zu sein. Im Designer scheint die Farbe "hinter" dem Hintergrund weiß zu sein und zur Laufzeit scheint die Farbe "hinter" dem Hintergrund schwarz zu sein. Da die Alpha für das Fenster Hintergrund tut nichts für Sie, um die Designer und Runtime agree nur ein festes Fenster Hintergrund verwenden:

Background="#E0EEFD" 

das ist die Farbe gleich 7/8 Weiß + 1/8 # 0077EF.