Resizing items in a statusbar - 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

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>