数据绑定后如何添加项目？

Question

我正在尝试将一些数据绑定到 gridview，然后在末尾有一个按钮（类似于 Windows 8 上的 MSN Finance 应用程序）。

我将如何实现这一目标？

我当前的 xaml 代码：

            <DataTemplate>
                <GridView
                    x:Name="StopGridViewItem"
                    ItemsSource="{Binding}"
                    Margin="0,0,20,20"
                    AutomationProperties.AutomationId="ItemGridView"
                    AutomationProperties.Name="Items In Group"
                    ItemTemplate="{StaticResource Standard310x260ItemTemplate}"
                    SelectionMode="None"
                    IsSwipeEnabled="false"
                    IsItemClickEnabled="True" ItemClick="StopGridViewItem_ItemClick">
                </GridView>


            </DataTemplate>

提前致谢！

Answer 1

有很多很多方法可以处理这种情况。

如果您正在处理一个简单的列表，而不是像我们在屏幕截图右侧看到的那样的动态马赛克，您可以简单地在列表后面放置一个按钮，使其看起来像你的清单。当您处理不自动滚动的列表并且是最符合语义的解决方案时，这非常有效。

<DataTemplate>
    <StackPanel>
        <ItemsControl
            x:Name="StopGridViewItem"
            ItemsSource="{Binding}"
            ItemTemplate="{StaticResource Standard310x260ItemTemplate}">
        </ItemsControl>

        <Button ... />
    </StackPanel>
</DataTemplate>

如果您需要支持滚动，或者正在处理不能像马赛克一样简单地将按钮向下推的控件，则需要在绑定到列表的集合中添加一个虚拟项目。如果列表虚拟化不是问题，您可以简单地将其附加到转换器内的集合末尾。如果您需要支持虚拟化，那么这不是一个解决方案。您将需要一个自定义控件来处理这种情况。

最后，一旦将虚拟项目插入列表中，您可以在视图中生成项目时使用 DataTemplateSelector 在普通模板和虚拟模板之间切换。

public static class EnumerableExtensions
{
    public static IEnumerable Append(this IEnumerable source, object o)
    {
        foreach (var x in source)
        {
            yield return x;
        }

        yield return o;
    }
}

public class DummyInserter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var source = value as IEnumerable;
        if (source == null)    throw new UnsupportedException("DummyInserter converter requires an IEnumerable source");

        return source.Append(new Dummy()).ToArray();
    }
}

对于 XAML：

<Resources>
    <DummyInserter x:key="AddButtonDummyInserter" />
    <DummyTemplateSelector x:key="MySelector"
                           DefaultTemplate="{StaticResource Standard310x260ItemTemplate}"
                           DummyTemplate="{StaticResource 310x260AddButtonTemplate}" />
</Resources>

<DataTemplate>
    <StackPanel>
        <ItemsControl
            x:Name="StopGridViewItem"
            ItemsSource="{Binding, Converter={StaticResource AddButtonDummyInserter}}"
            ItemTemplateSelector="{StaticResource MySelector}">
        </ItemsControl>

        <Button ... />
    </StackPanel>
</DataTemplate>

Answer 2

将其添加到GridView 的ItemsSource 绑定到的任何ObservableCollection<T>。

---

如果 Footer 和 GridRow 还不够。然后您可以使用ItemTemplateSelector 以更复杂的方式进行操作

<Page.Resources>
    <DataTemplate x:Key="AddTemplate">
        <Button Command="{Binding}" Content="{Binding Title}" Height="100" MinHeight="100" Width="100" MinWidth="100"/>
    </DataTemplate>
    <DataTemplate x:Key="DefaultTemplate">
        <Border BorderThickness="1" BorderBrush="Red">
            <StackPanel Height="100" MinHeight="100" Width="100" MinWidth="100">
                <TextBlock Text="{Binding Artist}"></TextBlock>
                <TextBlock Text="{Binding Song}"></TextBlock>
            </StackPanel>
        </Border>
    </DataTemplate>
    <local:MyTemplateSelector x:Key="MyTemplateSelector" AddTemplate="{StaticResource AddTemplate}" DefaultTemplate="{StaticResource DefaultTemplate}"></local:MyTemplateSelector>
</Page.Resources>

<GridView x:Name="myGV" ItemTemplateSelector="{StaticResource MyTemplateSelector}"></GridView>        

---

public class MyTemplateSelector : DataTemplateSelector
{
    public DataTemplate AddTemplate { get; set; }

    public DataTemplate DefaultTemplate { get; set; }


    protected override Windows.UI.Xaml.DataTemplate SelectTemplateCore(object item, Windows.UI.Xaml.DependencyObject container)
    {
        if (item is sample_model)
        {
            return DefaultTemplate;
        }
        else
        {
            return AddTemplate;
        }
    }
}

---

基本上，您可以在GridView.Items 中添加任意数量的models，它所做的只是检查它是什么模型类型，如果是sample_model（您的模型），它将使用默认模板，但是如果它不是默认模型，那么它使用 AddTemplate（这是按钮之一）

使用（艺术家/歌曲）的 sample_model 和仅具有 Title 属性的非默认模型的示例输出