C＃WPF XAML状态栏对齐

Question

当文本在启动之前默认为默认时，一切都很好，但是当我添加歌曲名称时，状态会移到右侧，状态栏不在区域内。 后

<StatusBar Margin="0,730,0,0" DockPanel.Dock="Bottom" >
        <WrapPanel >
        <Label x:Name="tytulUtworu" HorizontalAlignment="Left">music: none </Label>
        <Label x:Name="lblstatusPolaczenia" Margin="200,0,0,0" HorizontalAlignment="Center">status: disconnected</Label>
        <ProgressBar Width="100" Height="15" Value="50" Margin="200,0,0,0" HorizontalAlignment="Right" />
        </WrapPanel>
    </StatusBar>

我该如何修理？

Answer 1

代替使用WrapPanel ，请尝试使用Grid 。 这样，您将获得固定的列，如果添加了文本，这些列将不会影响其他元素

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <Label x:Name="tytulUtworu" HorizontalAlignment="Left">music: none </Label>
    <Label x:Name="lblstatusPolaczenia" Grid.Column="1" HorizontalAlignment="Center">status: disconnected</Label>
    <ProgressBar Width="100" Height="15" Value="50" Grid.Column="2" HorizontalAlignment="Right" />
</Grid>

您可以调整每个ColumnDefinition上的Width ，以获得更佳尺寸的列供您使用

Answer 2

首先，放弃利润。 他们无济于事，只是使事情在如何对齐方面不太明显。

根据您的边距值，我猜测您希望状态栏在左侧显示标签，在中间显示另一个标签，在右侧显示进度条。

下面显示了如何使用第二个扩展坞面板执行此操作。 此处的Dock面板非常理想，因为它向子组件报告尺寸的方式是一致的。

如果要将此状态面板放置在另一个DockPanel ，则需要做一些事情，然后它才能根据需要呈现。

首先，您的主停靠面板必须具有内容，否则边界面板将无法在正确的位置渲染。

其次，如果您设置LastChildFill=True ，则必须将主要内容添加为最后一项。 如果设置了主要内容，则添加状态栏，即使已将其停靠在底部，它仍会尝试填充面板。

在测试完代码片段后，我已经对其进行了更新（我的第一次尝试是直接输入SO，抱歉，它没有用）。

        <StatusBar DockPanel.Dock="Bottom"
               Name="statusBar"
               Height="50"
               HorizontalAlignment="Stretch"
               HorizontalContentAlignment="Stretch">
        <DockPanel LastChildFill="True"
                   Width="{Binding ActualWidth, ElementName=statusBar, Mode=OneWay}">
            <ProgressBar DockPanel.Dock="Right"
                         Width="100"
                         Value="50" />
            <Label x:Name="tytulUtworu"
                   DockPanel.Dock="Left"
                   ContentStringFormat="music: {0}"
                   Content="none" />
            <Label x:Name="lblstatusPolaczenia" 
                   HorizontalContentAlignment="Center"
                   Content="disconnected"
                   ContentStringFormat="status: {0}" />
        </DockPanel>
    </StatusBar>