如何在Xamarin.Forms中使用ReactiveUI只执行一次命令?

时间:2017-08-18 14:08:52

标签: c# xamarin.forms system.reactive reactiveui

使用RxUI for Xamarin.Forms,你将如何创建一个仅自动执行一次的命令(当一个页面最初出现时),但是用户可以稍后请求执行它(例如从拉到刷新类型)事件)?

我已使用dropDuplicates("id")将我的命令挂钩到Appearing事件,但当我导航回页面时,它再次被执行,这是一种不受欢迎的行为。

这是我的方案:我需要在用户打开包含它的页面时自动填充列表。然后,用户可以在单独的页面中选择一个元素并查看其详细信息(使用FromEventPattern),但是当用户返回列表页面时,它将被重新填充,这不应该发生。但是,用户应该可以通过按钮或拉动刷新来请求新数据。

谢谢。

3 个答案:

答案 0 :(得分:3)

使用Dorus提示:在你的页面构建器中你需要从事件创建一个observable,然后targetEntity = Transaction.class只是第一个:

Take

答案 1 :(得分:1)

以下是我处理此方案的方法。您将需要一个与此类似的行为,只有在设置了特定的已知值时才会调用您的命令。

// Only invoke the command when the property matches a known value that can't happen through normal execution
this.WhenAnyValue(vm => vm.SomeProperty)
                .Where(sp => sp == null)
                .Throttle(TimeSpan.FromSeconds(.25), TaskPoolScheduler.Default)
                .Do(_ => Debug.WriteLine($"Refresh the List"))
                .InvokeCommand(GetList)
                .DisposeWith(SubscriptionDisposables);

在构造函数的末尾,设置SomeProperty以匹配已知值

this.SomeProperty = null; // or some value that makes sense

在这种情况下,您不需要在OnAppearing中手动触发命令 - 它是在第一次构造ViewModel时发生的,并且在处理和重新创建ViewModel之前不会再次执行。 这对我来说似乎有点黑客,所以我希望更聪明,更有经验的RxUI巫师会参与进来,但它完成了工作。

如果您希望保留OnAppearing调用,则还可以通过设置ReactiveCommand的canExecute属性并使用完全不同的ReactiveCommand进行PullToRefresh操作来处理此问题(即使两个命令的行为相同)。在这种情况下,您希望在最初填充列表后使canExecute始终为false,因此即使用户返回页面,也不会触发初始填充。

var isInitialized = this.WhenAnyValue(vm => vm.IsInit).Select( _ => _ == false).DistinctUntilChanged();

InitList = ReactiveCommand.CreateFromTask( _ => 
{ 
    // get list 
}, isInitialized);

RefreshList = ReactiveCommand.CreateFromTask( _ =>
{
    // essentially the same as InitList, but with different/no canExecute parameters
});

InitList.ObserveOn(RxApp.MainThreadScheduler).Subscribe(result =>
{
    this.IsInit = false
}).DisposeWith(SubscriptionDisposables);

这里的缺点显然是你有一些逻辑重复

答案 2 :(得分:0)

也许我是误会,但我经常这样做,所以我不认为我是。

我只是将VM创建用作初始执行命令的触发器。然后我将该命令与XF中的pull-to-refresh功能相关联。

所以我的VM看起来像这样:

public class MyVM
{
    public MYVM()
    {
        this.refreshCommand = ...;

        this
            .refreshCommand
            .Execute()
            .Subscribe()
                _ => {},
                _ => {});
    }

    public ReactiveCommand<...> RefreshCommand => this.refreshCommand;
}

这样一旦创建VM就会执行命令,因此尽快检索数据。但除非重新创建虚拟机或用户进行刷新,否则它不会再次重新执行。