在状态栏中调整项目的大小-WPF

Question

How can I arrange the items on a statusbar uniformly? Because when I run the project and maximize the window, all the items are placed on the left most corner.

 <StatusBar Grid.Row="3" Background="#FFDED9D9"  Grid.ColumnSpan="9" Margin="2,29,0,1"  >


<Label Content="Running"/>
<Separator >
</Separator>
<Label Content="           " />
<Separator>
</Separator>
<Label Content="Object" />
<Separator>
</Separator>
<Label Content="Status:" />
<Rectangle Height="19" RenderTransformOrigin="0.5,0.5" Width="18"    Fill="#FFFFFDFD" >
    <Rectangle.RenderTransform>
        <TransformGroup>
            <ScaleTransform ScaleY="-1" ScaleX="-1"/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Rectangle.RenderTransform>
</Rectangle>
<Separator> </Separator>
<Button Content="Show" Height="25.96" Width="117.113" ></Button>
<Separator> </Separator>
<ProgressBar Value="55" Height="20" Width="85"  ></ProgressBar>

        </StatusBar>

Answer 1

Add a Grid to the StatusBar and add as many columns as needed with their widths set to *

<StatusBar>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Label Grid.Column="0" />
        <Label Grid.Column="1" />
        <Label Grid.Column="2" />
        <Label Grid.Column="3" />
    </Grid>
</StatusBar>

Answer 2

Use an UniformGrid as template, it is made for that. Everything in the Statusbar will align automatically. You don't need to specify column ids for that. You might need to take out those separators.

<StatusBar DockPanel.Dock="Bottom">
    <StatusBar.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Rows="1"/>
        </ItemsPanelTemplate>
    </StatusBar.ItemsPanel>

    <Label Content="..." />
    <Label Content="..." />
    <Label Content="..." />
    <Label Content="..." />
</StatusBar>

Answer 3

对每个标签和按钮尝试此操作，然后将统一对齐

 HorizontalContentAlignment="Center" VerticalAlignment="Stretch"