WPF:2种不同的标签尺寸,特别是顺序对齐

时间:2015-06-22 13:01:08

标签: wpf alignment label

请看一下这张照片:

enter image description here

我尝试使用2种尺寸创建相同的标签:

<Grid>
    <Label Content="11" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="50" />
    <Label Content="%" HorizontalAlignment="Right" FontSize="20"
           VerticalAlignment="Top"/>
</Grid>

但目前这与图片不同:

enter image description here

1 个答案:

答案 0 :(得分:1)

要获得这样的结果,您的网格必须非常小。我看到你的问题至少有3个解决方案:

1-让你的网格更大,直到它适合。

2-在网格中放置2列,您可以将数字放在左栏,将%放在右栏上。

3-您可以像这样使用StackPanel:

<Grid>
    <StackPanel Orientation="Horizontal">
        <Label Content="11" FontSize="50" Padding="0"/>
        <Label Content="%"  FontSize="20" VerticalAlignment="Top" Padding="0,10,5,5"/>
    </StackPanel>        
</Grid>

编辑:

 <Grid>
    <StackPanel Orientation="Veritical">
        <StackPanel Orientation="Horizontal">
            <Label Content="11" FontSize="50" Padding="0"/>
            <Label Content="%"  FontSize="20" VerticalAlignment="Top" Padding="0,10,5,5"/>
        </StackPanel>
        <Label Content="Storage">
    </StackPanel>
</Grid>