(C# - WPF) 我看不到标签和其他元素
(C# - WPF) I can`t see labels and other elements
我有问题不知道去哪里问。
我有一些标签,label1 = "TheKernelProject" 和 7 个带有“■”的标签,我是这样看的:
我的看法:Image 1
.
我想要它的方式:Image 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。 (对我来说效果很好)
在我看来只是保证金的问题。尝试减少它..
边距太高,导致控件被裁剪。您可以像这样使用 Grid 控件来避免那些 hard-coded 值并让它为您对齐标签:
<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>
Grid 控件内唯一剩下的边距定义:
- 你的 header 和你的标签之间的距离 (10)
- 网格左侧的缩进,使外观居中 (5)
请随意调整这些值以满足您的需要。
<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.
我有问题不知道去哪里问。 我有一些标签,label1 = "TheKernelProject" 和 7 个带有“■”的标签,我是这样看的:
我的看法:Image 1 . 我想要它的方式:Image 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。 (对我来说效果很好)
在我看来只是保证金的问题。尝试减少它..
边距太高,导致控件被裁剪。您可以像这样使用 Grid 控件来避免那些 hard-coded 值并让它为您对齐标签:
<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>
Grid 控件内唯一剩下的边距定义:
- 你的 header 和你的标签之间的距离 (10)
- 网格左侧的缩进,使外观居中 (5)
请随意调整这些值以满足您的需要。
<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.