WPF - 如何让某些 ListView 项目跨越列？

Question

我有一组数据想通过 WPF ListView 以这种方式呈现：

Column1   Column2   Column3
--GroupName1--
Item1     part2     part3
Item2     part2     part3
--GroupName2--
Item3     part2     part3
Item4     long_text_in_both_columns
Item5     part2     part3
--GroupName1--
Item6     part2     part3
Item7     long_text_in_both_columns
--GroupName3--
Item8     part2     part3

我首先使用这个基本示例： http://msdn.microsoft.com/en-us/library/ms771309(VS.90).aspx

上面的 Item4 和 Item7 有我想跨越其余列的长文本（忽略原始列标题的用途）。我该怎么做？

我已经使用 DataTrigger 进行了一些 XAML 设置，以将默认的 GridViewRowPresenter 替换为自定义 TextBlock，但这并不是我想要的。我需要第1列中的数据正常显示并识别第一列的宽度。

Answer 1

以下是我最终如何使用适当的 ListView 解决此问题：

        <ListView.ItemContainerStyle >
            <Style TargetType="ListViewItem">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ShowAcrossColumns}" Value="True">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListViewItem}">
                                    <Grid>
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="{Binding ElementName=myListView, Path=View.Columns[0].Width}" />
                                                <ColumnDefinition Width="*" />
                                            </Grid.ColumnDefinitions>
                                            <TextBlock Grid.Column="0" Padding="6,3,6,3" Text="{Binding Column1Text}" />
                                            <TextBlock Grid.Column="1" Padding="6,3,6,3" Text="{Binding ColumnSpanningText}" />
                                        </Grid>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </DataTrigger>
                </Style.Triggers>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ListViewItem}">
                            <Grid>
                                <GridViewRowPresenter />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListView.ItemContainerStyle>

关键是 DataTriggered 模板不使用 GridViewRowPresenter，而是通过自己的网格来伪造它的使用。必须猜测一些填充/边距以匹配 GridViewRowPresenter 内部使用的内容。另一个棘手的部分是将内部网格列绑定到整个 ListView 列宽度。然后调整列大小即可按预期工作。

Answer 2

我认为为此，您可以使用 ListBox 而不是 ListView 并使用其 ItemTemplate 来拆分每一列。

<ListBox>
<ListBox.ItemTemplate>
 <DataTemplate>
  <StackPanel>
    <TextBlock Text="{Binding Text1}"/>
    <TextBlock Text="{Binding Text2}" />
  </StackPanel>
 </DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

通过这种方式，您将有机会将触发器放入或基于某些数据，您可以使一个控件不可见并显示长文本。

:)

Answer 3

我有一个类似的问题，我希望某些行有一个从第五（九）列开始的多列跨越项目。我对 @PeteVasi 的答案实现了一个变体，有两个主要更改：

• 您想要绑定到 ActualWidth 而不是 Width，或者当列为 auto 时它无法正常工作- 大小。
• 您可以使用RelativeSource来避免按名称指定myListView（这使其更适合在样式资源中使用）。

为此，请将 ColumnDefinition 条目中的 Width 分配从： 更改

Width="{Binding ElementName=myListView, Path=View.Columns[0].Width}"

为： 此外

Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor,
    AncestorType={x:Type ListView}}, Path=View.Columns[0].ActualWidth}"

，您不需要使用嵌套的 。，如果要保留鼠标悬停和选择高亮效果，则需要克隆默认样式。

我尝试了使用 GridViewRowPresenter 的答案的微小变化，并使用了一个坏主意（观察列调整大小事件并使用它们来设置列宽度绑定的属性）。各种实验（包括完整样式的版本）可以在 github 上的 DisasmUiTest 项目中找到。