在我们的项目中，我们找到了一个干净的解决方案：您的 GridView ItemsSource 绑定到 ViewModel 的集合。最后一个可以是众所周知的 VM，例如 LoadMoreViewModel 实例。
它允许您创建一个 DataTemplateSelector 实现并将其设置为 GridView 的 ItemTemplateSelector 属性。
public class LoadMoreTemplateSelector: DataTemplateSelector
{
public DataTemplate LoadMoreTemplate { get; set; }
public DataTemplate DefaultTemplate { get; set; }
protected override Windows.UI.Xaml.DataTemplate SelectTemplateCore(object item, Windows.UI.Xaml.DependencyObject container)
{
if (item is LoadMoreViewModel)
{
return LoadMoreTemplate;
}
else
{
return DefaultTemplate;
}
}
}
在您的 xaml 文件中创建此 TemplateSelector 的实例作为资源，并设置适当的模板：
<selectors:LoadMoreTemplateSelector x:Key="LoadMoreTemplateSelector"
DefaultTemplate="{StaticResource Template1}"
LoadMoreTemplate="{StaticResource LoadMoreTemplate}"/>
你的 gridView 可以使用这个模板选择器
<GridView ...
ItemTemplateSelector="{StaticResource LoadMoreTemplateSelector}" />
LoadMoreTemplate 应该如下所示：
<DataTemplate x:Key="LoadMoreTemplate">
<Button Command="{Binding LoadMore}" Content="+"/>
</DataTemplate>
唯一剩下的问题是您必须在 LoadMoreViewModel 中实现 ICommand 以将加载更多按钮绑定到模板中，或者创建一个 UserControl 以便能够对 Click 事件做出反应。
编辑：
这是一个简单的 ICommand 实现。单击按钮时，它将执行传递给构造函数的操作。
public class DelegateCommand : ICommand
{
private readonly Predicate<object> _canExecute;
private readonly Action<object> _execute;
public event EventHandler CanExecuteChanged;
public DelegateCommand(Action<object> execute)
: this(execute, null)
{
}
public DelegateCommand(Action<object> execute,
Predicate<object> canExecute)
{
_execute = execute;
_canExecute = canExecute;
}
public override bool CanExecute(object parameter)
{
if (_canExecute == null)
{
return true;
}
return _canExecute(parameter);
}
public override void Execute(object parameter)
{
_execute(parameter);
}
public void RaiseCanExecuteChanged()
{
if( CanExecuteChanged != null )
{
CanExecuteChanged(this, EventArgs.Empty);
}
}
}
当您实例化您的 LoadMoreViewModel 时，您可以提供当用户单击加载更多按钮时要执行的操作。
public class LoadMoreViewModel:BindableBase
{
public ICommand LoadMore{get;private set;}
public LoadMoreViewModel(Action<object> action)
{
LoadMore = new DelegateCommand(action);
}
}
而在ViewModel页面中，当Loading more items in list时，移除当前列表末尾的LoadMoreViewModel，然后添加额外的item，最后再添加LoadMoreViewModel（如果需要的话）：
public void LoadMoreItems()
{
if(Items.Last() is LoadMoreViewModel)
{
Items.Remove(Items.Last());
}
//Insert here add new items logic.
Items.Add(new LoadMoreViewModel(_=>LoadMoreItems());
}