2

以下场景：

我使用网格视图来呈现分组数据。

我在 headertemplate 中添加了一个 TextBlock，它
应该包含该组中的项目数。（例如）

（编辑：在我的场景中，我总是显示 6 个项目，并希望在我的 HeaderTemplate 的 TextBlock 子项中显示溢出）

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

这是一个结果示例：

示例输出

这里是我的 GroupHeaderTemplate 的简化示例：

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

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

4

2 回答 2

2

这就是你真正想要的。

首先编辑 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>

请注意我正在使用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. 您的分组项目可能与单个列一样窄。TextTrimming在 Header TextBoxes中解决这个问题。
  2. 您的分组项目可能比显示器宽，并且# items可能不在屏幕上。使用包含的 MinWidth 解决此问题grid。

祝你好运！

于 2014-05-30T22:04:04.270 回答
0

我终于设法通过使用 VisualTreeHelperExtensions 获得所需的元素

首先你必须通过 Nuget 安装 XamlToolkit

然后为扩展添加一个 using 指令：

using WinRTXamlToolkit.Controls.Extensions;

现在您可以在您的 ui 元素上使用更多方法，其中之一是 getDescendantsByType()，我用它来获取我的 gridview 保存的所有文本块元素。我在我的溢出文本块中添加了一个标签，我在遍历 gridviews 后代时检查它，你自己看看：

    private void ItemsGridView_Loaded(object sender, RoutedEventArgs e)
    {
        foreach (TextBlock element in this.myGridView.GetDescendantsOfType<TextBlock>())
        {
            if(element.Tag != null && element.Tag.Equals("itemCountBlock")){
                element.Text = "Finally solved!";
            }
        }
    }

这应该适用于任何 ui 元素和任何想要更改的属性。

于 2013-03-19T14:15:28.887 回答