如何在 WPF 中将宽度设置为 100%

Question

有没有办法告诉 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% 宽度。

Answer 1

它是 Grid 的容器，它决定了它的宽度。 在本例中，这是一个 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>

Answer 2

您可以使用 Horizo​​ntalContentAlignment="Stretch"，如下所示：

<ListBox HorizontalContentAlignment="Stretch"/>

Answer 3

对我来说，在具有 2 列和 2 行的 Grid 内使用组件时，使用 Grid.ColumnSpan="2" Grid.RowSpan="2"，使其跨越列：

<Grid Margin="50">

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="4*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="1*"/>
        <RowDefinition Height="1*"/>
    </Grid.RowDefinitions>
  
    <!-- InputStackPanel -->
    <local:InputStackPanel Grid.ColumnSpan="2" Grid.RowSpan="2" InputsSource="{Binding droppedInputs}"/>

    
</Grid>