（C＃-WPF）我看不到标签和其他元素

Question

我有问题，不知道该问哪里。 我有一些标签，label1 =“ TheKernelProject”和7个带有“■”的标签，我这样看：

我的看法： 图像1 。 我想要的方式： 图像2

    Sorry for the links to the images, I haven´t got 10 of reputation

而且我不知道如何更改它。 我什么都没碰。 无论如何，谢谢。

编辑：（ 在<Window>内部）

<Grid x:Name="loaderGrid" RenderTransformOrigin="0.523,0.634">
    <Label x:Name="label1" Content="TheKernelProject" HorizontalAlignment="Center" Margin="637,408,484,289" VerticalAlignment="Center" FontSize="22" Foreground="Blue"/>
    <Label x:Name="sq1" Content="■" HorizontalAlignment="Left" Margin="641,460,0,0" VerticalAlignment="Top" Width="20" Background="#00000000" Foreground="#FF00FFD1" Height="22"/>
    <Label x:Name="sq2" Content="■" HorizontalAlignment="Left" Margin="666,460,0,254" VerticalAlignment="Center" Width="20" RenderTransformOrigin="3.713,2.14" Foreground="#FF28CD28" Height="22"/>
    <Label x:Name="sq3" Content="■" HorizontalAlignment="Center" Margin="691,460,584,0" VerticalAlignment="Top" Width="20" RenderTransformOrigin="11.358,9.457" Foreground="#FFE4830F" Height="22"/>
    <Label x:Name="sq4" Content="■" HorizontalAlignment="Left" Margin="716,460,0,254" Width="20" VerticalAlignment="Center" RenderTransformOrigin="10.509,-2.038" Foreground="Red" Height="22"/>
    <Label x:Name="sq5" Content="■" HorizontalAlignment="Left" Margin="741,460,0,254" VerticalAlignment="Center" Width="20" RenderTransformOrigin="7.564,-2.996" Foreground="#FF00FFD1" Height="22"/>
    <Label x:Name="sq6" Content="■" HorizontalAlignment="Left" Margin="766,460,0,254" VerticalAlignment="Center" Width="20" RenderTransformOrigin="9.546,-1.82" Foreground="#FF28CD28" Height="22"/>
    <Label x:Name="sq7" Content="■" HorizontalAlignment="Center" Margin="791,460,484,0" VerticalAlignment="Top" Width="20" RenderTransformOrigin="0.492,0.528" Foreground="#FFE4830F" Height="22"/>
</Grid>

我只想使用ASCII格式的标签，使用.Visibility来创建一种类型的加载器。 （对我来说很好）

Answer 1

<Label HorizontalAlignment="Stretch" VerticalAlignment="Top">
        <Label.Content>
            <Grid Margin="5,10,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="auto"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <TextBlock x:Name="lblTitle" Text="TheKernelProject" Grid.Column="0" Grid.ColumnSpan="8" Foreground="Blue" FontSize="20" Margin="2"/>
                <TextBlock x:Name="sq1" Text="■" Grid.Column="0" Grid.Row="1" Foreground="#FF00FFD1" Margin="2"/>
                <TextBlock x:Name="sq2" Text="■" Grid.Column="1" Grid.Row="1" Foreground="#FF28CD28" Margin="2"/>
                <TextBlock x:Name="sq3" Text="■" Grid.Column="2" Grid.Row="1" Foreground="#FFE4830F" Margin="2"/>
                <TextBlock x:Name="sq4" Text="■" Grid.Column="3" Grid.Row="1" Foreground="Red" Margin="2"/>
                <TextBlock x:Name="sq5" Text="■" Grid.Column="4" Grid.Row="1" Foreground="#FF00FFD1" Margin="2"/>
                <TextBlock x:Name="sq6" Text="■" Grid.Column="5" Grid.Row="1" Foreground="#FF28CD28" Margin="2"/>
                <TextBlock x:Name="sq7" Text="■" Grid.Column="6" Grid.Row="1" Foreground="#FFE4830F" Margin="2"/>
            </Grid>
        </Label.Content>
    </Label>

使用Label.Content。

Answer 2

在我看来，这只是保证金的问题。 尝试减少它。

Answer 3

利润率太高，导致无法进行控制。 您可以像这样使用Grid控件来避免这些硬编码的值，并让它为您对齐标签：

<StackPanel HorizontalAlignment="Center">
    <Label x:Name="label1" Content="TheKernelProject" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" Foreground="Blue"/>
    <Grid Margin="5,10,0,0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <Label x:Name="sq1" Content="■" Grid.Column="0" Foreground="#FF00FFD1"/>
        <Label x:Name="sq2" Content="■" Grid.Column="1" Foreground="#FF28CD28"/>
        <Label x:Name="sq3" Content="■" Grid.Column="2" Foreground="#FFE4830F"/>
        <Label x:Name="sq4" Content="■" Grid.Column="3" Foreground="Red"/>
        <Label x:Name="sq5" Content="■" Grid.Column="4" Foreground="#FF00FFD1"/>
        <Label x:Name="sq6" Content="■" Grid.Column="5" Foreground="#FF28CD28"/>
        <Label x:Name="sq7" Content="■" Grid.Column="6" Foreground="#FFE4830F"/>
    </Grid>
</StackPanel>

网格控件内剩下的唯一边距定义为：

• 标头和标签之间的距离（10）
• 网格左侧的凹痕，以使外观居中（5）

随意调整这些值以适合您的需求。