c# - 如何操作gridview的各个组标题

Question

以下场景:

我使用 GridView 来呈现分组数据。

我在标题模板中添加了一个 TextBlock，
应包含该组中的项目数。 (举例)

(编辑:在我的场景中，我始终显示 6 个项目，并希望在 HeaderTemplate 的 TextBlock 子级中显示溢出)

如何从代码访问各个组标题来操作此 TextBlock？

以下是结果示例:

这是我的 GroupHeaderTemplate 的简化示例:

<GroupStyle.HeaderTemplate>
   <DataTemplate>
      <TextBlock x:name="overflow"/>
   </DataTemplate>
</GroupStyle.HeaderTemplate>

所以我想为每个生成的组单独访问和操作“溢出”项目!

Answer 1

这就是你真正想要的。

首先编辑 GroupStyle HeaderTemplate

<GridView.GroupStyle>
    <GroupStyle HidesIfEmpty="True">
        <GroupStyle.HeaderTemplate>
            <DataTemplate>
                <Grid Width="500" Margin="5,0,0,5">
                    <TextBlock HorizontalAlignment="Left">
                        <Run Text="{Binding Name}" />
                        <Run FontFamily="Segoe Ui Symbol" Text="" />
                    </TextBlock>
                    <TextBlock HorizontalAlignment="Right">
                        <Run Text="{Binding Children.Count, FallbackValue=0}" />
                        <Run Text="Items" />
                    </TextBlock>
                </Grid>
            </DataTemplate>
        </GroupStyle.HeaderTemplate>
        <GroupStyle.Panel>
            <ItemsPanelTemplate>
                <VariableSizedWrapGrid />
            </ItemsPanelTemplate>
        </GroupStyle.Panel>
    </GroupStyle>
</GridView.GroupStyle>

please note I am using a VaraibleSizedWrapGrid

接下来，处理 GridView 的 Loaded 事件

class SubtractConverter : IValueConverter
{
    public double Amount { get; set; }
    public object Convert(object v, Type t, object p, string l)
    { return System.Convert.ToDouble(v) - Amount; }
    public object ConvertBack(object v, Type t, object p, string l)
    { throw new NotImplementedException(); }
}

private void GridView_OnLayoutUpdated(object sender, RoutedEventArgs e)
{
    var grid = sender as GridView;
    var converter = new SubtractConverter { Amount = 5 * 2 /* padding x2 */ };
    foreach (GroupItem group in (grid.ItemsPanelRoot as Panel).Children)
    {
        var result = VisualTreeHelper.GetChild(group, 0);
        while (!(result is Grid))
            result = VisualTreeHelper.GetChild(result, 0);
        var items = (result as Panel).Children.OfType<ItemsControl>()
            .First().ItemsPanelRoot;
        var binding = new Binding
        {
            Path = new PropertyPath("ActualWidth"),
            Mode = BindingMode.OneWay,
            Converter = converter,
            Source = items,
        };
        var header = (result as Panel).Children.OfType<ContentControl>()
            .First().ContentTemplateRoot as FrameworkElement;
        header.SetBinding(FrameworkElement.WidthProperty, binding);
    }
}

而且，很快!现在，您的标题大小已完美适合组中项目的宽度。

要记住的事情(作为设计师):

1. 您分组的项目可能会窄至单列。使用标题 TextBox 中的 TextTrimming 解决此问题。
2. 您分组的项目可能比显示器宽，并且 # 个项目可能超出屏幕。使用包含的网格上的 MinWidth 来解决此问题。

祝你好运!