Question

我刚刚开始研究ReactiveUI，我想我错过了一些东西。假设我有一个“连接”按钮，并希望根据TextBox中的服务器地址创建新的网络连接。我想，我会创建一个ReactiveCommand并将其绑定到Button，然后使用服务器地址属性的值执行类似WithLatestFrom的操作（这就是我在Java或Typescript中的操作方式）。但是我找不到合适的语法。谁能详细说明？ BR，丹尼尔

Answer 1

好的，我的朋友，如果我明白你应该做这样的事情：

首先你的ViewModel，你想从ReactiveObject派生，以便访问 this.RaiseAndSetIfChanged（...） wichs触发器 INotifyPropertyChanged

public class MainViewModel : ReactiveObject
{
    private string _connectionUrl;

    public string ConnectionUrl
    {
        get => _connectionUrl;
        set => this.RaiseAndSetIfChanged(ref _connectionUrl, value);
    }

    public ReactiveCommand ConnectCommand { get; set; }

    public MainViewModel()
    {
        ConnectCommand = ReactiveCommand.Create(() =>
        {
            //your logic goes here...
            System.Diagnostics.Debug.WriteLine("Button Pressed");
            System.Diagnostics.Debug.WriteLine($"{ConnectionUrl}");
        });
    }
}

接下来要做的是通过视图 DataContext

连接您的View和ViewModel

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        this.DataContext = new MainViewModel();
    }
}

当然还有将控件绑定到属性和命令所需的XAML

<Window x:Class="WPFRx.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:WPFRx"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<StackPanel HorizontalAlignment="Center" 
            VerticalAlignment="Center">
    <TextBox x:Name="Connection"
             Text="{Binding ConnectionUrl, Mode=TwoWay}"
             VerticalAlignment="Center"
             HorizontalAlignment="Center"
             Width="200"/>
    <Button x:Name="BtnConnect"
            Content="Connect"
            Command="{Binding ConnectCommand}"/>

</StackPanel>
</Window>

我希望这可以帮到你，问候。

ReactiveUI和WithLatestFrom

1 个答案: