WPF ListViewItem 宽度绑定未按预期工作

Question

我在将 listviewitems 的大小设置为网格第二列中可用的空间时遇到问题。我有一个 ValidationItemError 类，它可以有很长的描述。这是它的 DataTemplate xaml。

<DataTemplate DataType="{x:Type Models:ValidationItemError}">
    <StackPanel>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <Ellipse Width="10"
                     Height="10"
                     Margin="5,0,0,0"
                     Fill="Crimson" />
            <TextBlock Text="{Binding ColumnName}"
                       Grid.Column="1"
                       FontWeight="Bold" />
        </Grid>
        <TextBlock Text="{Binding Description}"
                   ToolTip="{Binding Description}"
                   Margin="20,0,0,0"
                   TextWrapping="Wrap" />
    </StackPanel>
</DataTemplate>

validationItemErrors 被分组到另一个类 ValidationLineItem 中，这是它的 DataTemplate

<DataTemplate DataType="{x:Type Models:ValidationLineItem}">
    <StackPanel>
        <Grid Margin="0,10,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="35"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>

            <TextBlock Text="Line"
                       FontSize="16"
                       FontWeight="Bold" />
            <TextBlock Text="{Binding LineNumber}"
                       Margin="5,0,0,0"
                       FontSize="16"
                       Grid.Column="1" />
        </Grid>
        <ItemsControl ItemsSource="{Binding ValidationItems}">
        </ItemsControl>
    </StackPanel>
</DataTemplate>

所以基本上我有一个validationLineItem，它存储行号和存储在 ValidationItems 属性中的多个 ValidationItemError/Warnings。所以现在我只需将该数据绑定到网格左列上的列表视图。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="75*" />
        <ColumnDefinition Name="GridCell" Width="25*" />
    </Grid.ColumnDefinitions>
    <ScrollViewer Grid.Column="1">
        <ListView ItemsSource="{Binding ValidationItems}"                          
                  SelectedItem="{Binding SelectedValidationItem}"                          
                  SelectionChanged="ListViewSelectionChanged">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="Width"
                            Value="{Binding ElementName=GridCell, Path=Width}" />
                </Style>
            </ListView.ItemContainerStyle>
        </ListView>
    </ScrollViewer>
</Grid>

除了这部分之外，所有内容都渲染得很好

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="Width"
                Value="{Binding ElementName=GridCell, Path=Width}" />
    </Style>
</ListView.ItemContainerStyle>

。描述文本块会忽略宽度设置，并且不会像我需要的那样换行。 如果我手动设置宽度，

<Setter Property="Width" Value="100" />

而不是像

<Setter Property="Width" Value="{Binding ElementName=GridCell, Path=Width}" />

我想要的那样，描述文本块会换行。 有人有什么想法吗？我确信我在这里遗漏了一些简单的东西。

我应该指出，我也已经尝试过这个但没有运气。

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="HorizontalContentAlignment"
                Value="Stretch" />
    </Style>
</ListView.ItemContainerStyle>

Answer 1

您的问题是 ListView 有一个内部内置 ScrollViewer 导致问题。

在我看来，您只是想让内容换行。因此，放弃 ItemContainerStyle 并将其添加到 ListView 中：

ScrollViewer.HorizontalScrollBarVisibility="Disabled"

这将禁用水平滚动条并使您的内容换行！

希望这有帮助！

为了完整性：

<ListView ItemsSource="{Binding ValidationItems}"                          
              SelectedItem="{Binding SelectedValidationItem}"                          
              SelectionChanged="ListViewSelectionChanged" 
              ScrollViewer.HorizontalScrollBarVisibility="Disabled" />