响应式 UI 使用引人注目的示例入门不起作用

如何解决响应式 UI 使用引人注目的示例入门不起作用

我做了很多次，但现在它不起作用了。

我正在关注这个例子： https://www.reactiveui.net/docs/handbook/routing/

我有我的 MainWindow.xaml.cs

using ReactiveUI;

namespace KardexTerminal_WPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : ReactiveWindow<MainViewModel>
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

主窗口.xaml

<rxui:ReactiveWindow x:Class="KardexTerminal_WPF.MainWindow"
         xmlns:rxui="https://reactiveui.net" 
        x:TypeArguments="local:MainViewModel"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:KardexTerminal_WPF"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>

    </Grid>
</rxui:ReactiveWindow>

主视图模型：

using ReactiveUI;

namespace KardexTerminal_WPF
{
    public class MainViewModel : ReactiveObject,IScreen
    {
        public MainViewModel()
        {
            Router = new RoutingState();
        }

        public RoutingState Router { get; }
    }
}

如文档所建议的那样简单。这是一个全新的项目，仅安装了 ReactiveUI 和 ReactiveUI.WPF 包。

但我收到了这些错误：

如果有人知道问题出在哪里，我会很高兴提供任何帮助。

编辑 1： 如果我实现 IViewFor，那么它就可以工作。

我已经尝试过视图用户控件评论中的建议：

<rxui:ReactiveUserControl x:Class="KardexTerminal_WPF.Views.LoginView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:KardexTerminal_WPF.Views"
             mc:Ignorable="d" 
             xmlns:vm="clr-namespace:KardexTerminal.ViewModels;assembly=KardexTerminal"
             x:TypeArguments="vm:LoginViewModel"
             xmlns:rxui="https://reactiveui.net"
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
            
    </Grid>
</rxui:ReactiveUserControl>

namespace KardexTerminal_WPF.Views
{
    /// <summary>
    /// Interaction logic for LoginView.xaml
    /// </summary>
    public partial class LoginView
    {
        public LoginView()
        {
            InitializeComponent();
        }
    }
}

但这会导致这些错误，我不确定是什么问题：

我正在使用这些软件包：

编辑 2： 以下来自@mm8 的回答有助于使程序编译。 ReactiveUI 有错误的文档，应该修复： https://www.reactiveui.net/docs/handbook/routing/

但是仍然存在错误，我似乎无法摆脱。我将在 GitHub 问题上继续讨论。

解决方法

命名空间是 http://reactiveui.net（而不是 https://...）：

xmlns:rxui="http://reactiveui.net"

除此之外，您的代码隐藏类应该从 ReactiveUserControl<LoginViewModel> 继承，因为这是您在 XAML 标记中指定的基类：

public partial class LoginView : ReactiveUserControl<LoginViewModel>
{
    public LoginView()
    {
        InitializeComponent();
    }
}

,

我在使用 ReactiveUserControl 类时遇到了类似的问题。我找到了 2 个解决方法

1)为您的窗口创建一个继承自 ReactiveWindow 的基类，而不是让 MainWindow 从该类继承

 public class MainWindowBase : ReactiveWindow<MainViewModel> { }

 /// <summary>
 /// Interaction logic for MainWindow.xaml
 /// </summary>
 public partial class MainWindow 
 { 
        public MainWindow()
        {
            InitializeComponent();
        }
}

比在你的 xaml 中

<local:MainWindowBase x:Class="YourNameSpace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:YourNameSpace"
        mc:Ignorable="d"
        Title="" Height="600" Width="1000" >

2)手动实现IViewFor<T>

public partial class MainWindow : Window,IViewFor<MainViewModel>
    {
        public static readonly DependencyProperty ViewModelProperty = DependencyProperty.Register("ViewModel",typeof(MainViewModel),typeof(MainWindow));

        public MainViewModel ViewModel
        {
            get { return (MainViewModel)GetValue(ViewModelProperty); }
            set { SetValue(ViewModelProperty,value); }
        }

        object IViewFor.ViewModel
        {
            get => ViewModel;
            set => ViewModel = (MainViewModel)value;
        }


        public MainWindow()
        {
            InitializeComponent();
        }
       }

编辑：根据 Glenn Watson 的评论，我已经更新了答案，但为了完整起见，我将在此处添加上一个在 UWP 上工作时有用的答案

public class MainWindowBase : ReactiveWindow<MainViewModel> { }

 /// <summary>
 /// Interaction logic for MainWindow.xaml
 /// </summary>
 public partial class MainWindow :MainWindowBase 
 { 
        public MainWindow()
        {
            InitializeComponent();
        }
}