69

有什么方法可以告诉WPF中的组件占用 100% 的可用空间？

像 

width: 100%;

在 CSS 中

我有这个 XAML，但我不知道如何强制 Grid 采用 100% 的宽度。

<ListBox Name="lstConnections">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <Grid Background="LightPink">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto"/>
          <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto"/>
          <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0" Text="{Binding Path=User}" Margin="4"></TextBlock>
        <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Password}" Margin="4"></TextBlock>
        <TextBlock Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Text="{Binding Path=Host}" Margin="4"></TextBlock>
      </Grid>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

结果看起来像

替代文字 http://foto.darth.cz/pictures/wpf_width.jpg

我把它变成了粉红色，所以很明显它需要多少空间。我需要将粉色网格设为 100% 宽度。

4

2 回答 2

88

Grid强加于其宽度的是容器。在这种情况下，这是 a ListBoxItem，默认情况下是左对齐的。您可以将其设置为拉伸，如下所示：

<ListBox>
    <!-- other XAML omitted, you just need to add the following bit -->
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="HorizontalAlignment" Value="Stretch"/>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>
于 2009-04-24T20:26:57.070 回答
63

你可以使用HorizontalContentAlignment="Stretch"如下：

<ListBox HorizontalContentAlignment="Stretch"/>
于 2013-06-10T22:58:59.607 回答