ListView - 拉伸标题到全宽

Question

我有一个简单的ListView在一个完整页面的网格中（见下面的屏幕显示）。我能够使用样式（Horizo​​ntalContentAlignment）将ListView的行拉伸到容器的整个宽度，但是我无法对标题做同样的操作。我无法将Horizo​​ntalContentLignement设置为对标题进行拉伸（请参见下面的屏幕快照）。

任何想法我可以做到这一点？

<Page.Resources> 
    <Style TargetType="ListViewItem"> 
     <Setter Property="HorizontalContentAlignment" Value="Stretch" /> 
    </Style> 
</Page.Resources> 

<Grid Grid.Row="1"> 
    <ListView x:Name="itemListView" Margin="120,0,0,60" SelectionMode="None" HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch"> 
     <ListView.Header> 
      <Grid Margin="6" HorizontalAlignment="Stretch"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
       <TextBlock Grid.Column="0" Text="Rank" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap" /> 
       <TextBlock Grid.Column="1" Text="Username" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap" /> 
       <TextBlock Grid.Column="2" Text="Score" Style="{StaticResource TitleTextStyle}" /> 
      </Grid> 
     </ListView.Header> 
     <ListView.ItemTemplate> 
      <DataTemplate> 
       <Grid Margin="6" HorizontalAlignment="Stretch"> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="*"/> 
         <ColumnDefinition Width="*"/> 
         <ColumnDefinition Width="*"/> 
        </Grid.ColumnDefinitions> 
        <TextBlock Grid.Column="0" Text="{Binding Rank}" Style="{StaticResource TitleTextStyle}" TextWrapping="NoWrap" /> 
        <TextBlock Grid.Column="1" Text="{Binding Username}" Style="{StaticResource CaptionTextStyle}" TextWrapping="NoWrap" /> 
        <TextBlock Grid.Column="2" Text="{Binding Score}" Style="{StaticResource BodyTextStyle}" /> 
       </Grid> 
      </DataTemplate> 
     </ListView.ItemTemplate> 
    </ListView> 
</Grid> 

Answer 1

的一种方法是使用转换器：

<ListView ItemsSource="{Binding Players}"> 
    <ListView.Resources> 
     <rxDummy:MultiplyConverter x:Key="MultiplyConverter"/> 
    </ListView.Resources> 
    <ListView.View> 
     <GridView> 
      <GridViewColumn x:Name="Rank" Header="Rank" DisplayMemberBinding="{Binding Rank}" 
          Width="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListView}}, 
             Converter={StaticResource MultiplyConverter}, 
             ConverterParameter=0.33}"/> 
      <GridViewColumn Header="Username" DisplayMemberBinding="{Binding Username}" 
          Width="{Binding ElementName=Rank, Path=ActualWidth}"/> 
      <GridViewColumn Header="Score" DisplayMemberBinding="{Binding Score}" 
          Width="{Binding ElementName=Rank, Path=ActualWidth}"/> 
     </GridView> 
    </ListView.View> 
</ListView> 

public class MultiplyConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     var d = System.Convert.ToDouble(value); 
     double p = System.Convert.ToDouble(parameter,CultureInfo.InvariantCulture); 
     return d * p; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
}