分组的CollectionView的组可以水平呈现吗?

发布于 2024-10-28 05:10:23 字数 2319 浏览 1 评论 0原文

我正在实现一个 ListBox,其 ItemsPanel 是 WrapPanel 根据这个答案,但有一个转折:我的 ItemsSource 是一个分组 CollectionView。将 GroupStyle 应用于我的列表框后,该问题中显示的换行不起作用:组始终垂直显示。

窥探我的应用程序,原因如下:

Snoop displayed WrapPanel in GroupItem

如您所见,定义为 ListBox 的 ItemsPanelTemplate 的 WrapPanel 出现在每个 GroupItem 内的 ItemsPresenter 中;创建一个隐式的、垂直方向的 StackPanel(粉色框中的顶部项目)来包含 GroupItem 本身。

是否有办法覆盖此行为,以便将 GroupItem 放置在 WrapPanel 中?我是否必须重新模板化整个 ListBox?

更新:为了说明我实际上对 ListBox 和 CollectionView 分组做了什么,让我发布一些 XAML:

<Grid>
    <ListBox ItemsSource="{Binding}"                 
             ScrollViewer.VerticalScrollBarVisibility="Disabled"
             SelectionMode="Multiple"
             ItemContainerStyle="{StaticResource itemStyle}">
        <ListBox.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListBox.GroupStyle>
        <ListBox.ItemTemplate>
            <DataTemplate DataType="{x:Type WpfApplication1:Item}">
                <StackPanel Orientation="Vertical">
                    <TextBlock Text="{Binding Name}" FontSize="10"/>
                    <TextBlock Text="{Binding Amount, StringFormat={}{0:C}}" FontSize="10"/>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>
</Grid>

GroupStyle 是它的核心:如果删除它,GroupItems 不会被渲染,并且 WrapPanel(您可以在上面的屏幕截图中看到出现在 GroupItem 下方)出现在 (StackPanel) 的位置截图中的98。

I'm implementing a ListBox whose ItemsPanel is a WrapPanel as per this answer, but there's a twist: my ItemsSource is a grouped CollectionView. With a GroupStyle applied to my ListBox, the wrapping shown in that question doesn't work: the groups are always displayed vertically.

Snooping on my app, here's why:

Snoop displaying WrapPanel in GroupItem

As you can see, the WrapPanel, defined as my ListBox's ItemsPanelTemplate, appears in the ItemsPresenter within each GroupItem; an implicit, vertically-oriented StackPanel (top item in the pink box) is created to contain the GroupItems themselves.

Is there a way to override this behavior, so the GroupItems are placed in a WrapPanel? Would I have to re-template the entire ListBox?

Update: To illustrate what I'm actually doing with my ListBox and the CollectionView grouping, let me post a little XAML:

<Grid>
    <ListBox ItemsSource="{Binding}"                 
             ScrollViewer.VerticalScrollBarVisibility="Disabled"
             SelectionMode="Multiple"
             ItemContainerStyle="{StaticResource itemStyle}">
        <ListBox.GroupStyle>
            <GroupStyle>
                <GroupStyle.HeaderTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListBox.GroupStyle>
        <ListBox.ItemTemplate>
            <DataTemplate DataType="{x:Type WpfApplication1:Item}">
                <StackPanel Orientation="Vertical">
                    <TextBlock Text="{Binding Name}" FontSize="10"/>
                    <TextBlock Text="{Binding Amount, StringFormat={}{0:C}}" FontSize="10"/>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>
</Grid>

The GroupStyle is at the heart of it: if you remove that, the GroupItems don't get rendered, and the WrapPanel (which you can see appearing beneath the GroupItem in the screenshot above) appears in place of (StackPanel) 98 in the screenshot.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

转身泪倾城 2024-11-04 05:10:23

仅当您在 GroupStyle 中定义了 HeaderTemplate 时,才会出现此行为。

可以通过将 GroupStyle.Panel 属性设置为包含 WrapPanel 来更正它:

<ListBox.GroupStyle>
    <GroupStyle>
        <GroupStyle.HeaderTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
            </DataTemplate>
        </GroupStyle.HeaderTemplate>
        <GroupStyle.Panel>
            <ItemsPanelTemplate>
                <WrapPanel></WrapPanel>
            </ItemsPanelTemplate>
        </GroupStyle.Panel>
    </GroupStyle>
</ListBox.GroupStyle>

它看起来像这样:
在此处输入图像描述

This behavior only seems to occur if you have defined a HeaderTemplate in the GroupStyle.

It can be corrected by setting the GroupStyle.Panel property to contain a WrapPanel:

<ListBox.GroupStyle>
    <GroupStyle>
        <GroupStyle.HeaderTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
            </DataTemplate>
        </GroupStyle.HeaderTemplate>
        <GroupStyle.Panel>
            <ItemsPanelTemplate>
                <WrapPanel></WrapPanel>
            </ItemsPanelTemplate>
        </GroupStyle.Panel>
    </GroupStyle>
</ListBox.GroupStyle>

It will look something like this:
enter image description here

倾听心声的旋律 2024-11-04 05:10:23

您应该能够从项目控件 (ListBox) 替换组样式:

<ListBox.GroupStyle>
    <Style />
<ListBox.GroupStyle/>

或者,您还应该能够基于组项目对象创建 DataTemplate:

<DataTemplate DataType="{x:Type GroupItem}">
    <Panel />
</DataTemplate>

You should be able to replace the group style from the items control (ListBox):

<ListBox.GroupStyle>
    <Style />
<ListBox.GroupStyle/>

Or, you should also be able to create a DataTemplate based on the group item object:

<DataTemplate DataType="{x:Type GroupItem}">
    <Panel />
</DataTemplate>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文