window 内右侧的黑色区域

Question

我运行程序的时候window右边出现了一大块黑色的区域，不知道为什么。 Visual Studio 2017 的 XAML 文件页面的预览中没有，我运行它曾在 Windows 7 计算机上出现过，黑色区域不存在（我主要在 Windows 10）。问题可能在另一个文件中，但我找不到它。

<Window x:Class="Project.Widget"
    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:Project"
    mc:Ignorable="d"

    Title="Menu" 
    WindowStartupLocation="Manual" 
    ResizeMode="NoResize" 
    Width="109" 
    SizeToContent="WidthAndHeight" 
    WindowState="Minimized" 
    Background="#2D3A48" 
    Topmost="False" 
    Loaded="Window_Loaded" 
    Closing="Window_Closing" >

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="77"/>
        <RowDefinition Height="28"/>
        <RowDefinition Height="90"/>
        <RowDefinition Height="60"/>
    </Grid.RowDefinitions>

    <Image x:Name="Icon"
           Source="./Resources/Icon.png" 
           HorizontalAlignment="Center" 
           VerticalAlignment="Top" 
           Height="77" 
           Width="109" />

    <Label x:Name="labelUsername"
           Grid.Row="1"
           Content=""
           FontSize="14"
           Foreground="White" 
           HorizontalContentAlignment="Center"
           VerticalContentAlignment="Center" />

    <Label x:Name="labelScore"
           Grid.Row="2"
           Content="0%, 0 of 0"
           Foreground="White"
           FontSize="14"
           HorizontalAlignment="Center"
           VerticalAlignment="Top"
           Margin="0,0,0,0" />

    <Image x:Name="AvgScoreDot"
           Grid.Row="2"
           HorizontalAlignment="Center"
           VerticalAlignment="Top"
           Height="50"
           Source=".\Resources\yellow_dot.png"
           Margin="0,32,0,0"/>

    <Label x:Name="labelAvgScore"
           Grid.Row="2"
           Content="0.0"
           Foreground="White"
           FontSize="24"
           HorizontalAlignment="Center"
           VerticalAlignment="Top"
           Margin="0,35,0,0" 
           FontWeight="Bold" />

    <Button x:Name="MailBtn"
            Grid.Row="3"
            Height="60"
            Width="109"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            BorderBrush="#FF2D3A48" 
            Click="Mail_Click" >
        <Button.Background>
            <ImageBrush 
                ImageSource="/Resources/mail.png" 
                Stretch="None" />
        </Button.Background>
    </Button>

    <Button x:Name="MailBadgeBtn"
           Grid.Row="3"
           Content="0"
           Foreground="White"
           FontSize="11"
           HorizontalContentAlignment="Center"
           VerticalContentAlignment="Center"
           Height="20"
           Width="20" 
           Margin="0,30,24,10" 
           HorizontalAlignment="Right"
           VerticalAlignment="Center" 
           Click="MailBadgeBtn_Click" BorderThickness="0">
        <Button.Background>
            <ImageBrush 
                ImageSource=".\Resources\red_dot.png" />
        </Button.Background>
    </Button>

    <TextBlock x:Name="labelConnection" 
               Grid.Row="0" 
               Text="                             No Connection      or blocked by Firewall" 
               Foreground="Red" 
               Background="White" 
               TextWrapping="Wrap" 
               TextAlignment="Center" 
               VerticalAlignment="Center" 
               Height="77" 
               Width="109" 
               HorizontalAlignment="Center" />
</Grid>

这是我运行时得到的图像：

Answer 1

这是我删除 SizeToContent="WidthAndHeight" 并添加 300 高度时得到的结果（我还必须删除您的事件处理程序，因为我没有该代码，并将垃圾图像添加到 Resources 文件夹，因为我没有原始图片):

这是否更像您要找的东西？您还可以选择将 SizeToContent 显式设置为 "Manual".

window 内右侧的黑色区域

Black area to the right, inside window

c#

wpf

window