Tig a7ea48eb62 Fixes #3183 - `OnMouseEvent` calling `OnMouseClick` too often (#3184) преди 1 година
..
FodyWeavers.xml e5b0795aff Add files for the reactive example преди 4 години
FodyWeavers.xsd dd92a07fb0 updated readmes; bumped nuget version преди 4 години
LoginView.cs 2c725b877f Fixes #2944. Makes `ColorScheme` explicitly readonly, removes `Colors.Base`, etc..., Fixes intermittent `TreeView` unit test failures (#3175) преди 1 година
LoginViewModel.cs dcb3b359ad Fixes #2926 - Refactor KeyEvent and KeyEventEventArgs to simplify (#2927) преди 1 година
Program.cs 646a88e4ba Adding Application.Shutdown and updating ReactiveUI.Fody. (#1550) преди 3 години
README.md dcb3b359ad Fixes #2926 - Refactor KeyEvent and KeyEventEventArgs to simplify (#2927) преди 1 година
ReactiveExample.csproj a7ea48eb62 Fixes #3183 - `OnMouseEvent` calling `OnMouseClick` too often (#3184) преди 1 година
TerminalScheduler.cs 6851b42a49 Fixes #2921 - MainLoop refactoring (#2922) преди 1 година

README.md

This is a sample app that shows how to use System.Reactive and ReactiveUI with Terminal.Gui. The app uses the MVVM architecture that may seem familiar to folks coming from WPF, Xamarin Forms, UWP, Avalonia, or Windows Forms. In this app, we implement the data bindings using ReactiveUI WhenAnyValue syntax and Pharmacist — a tool that converts all events in a NuGet package into observable wrappers.

Scheduling

In order to use reactive extensions scheduling, copy-paste the TerminalScheduler.cs file into your project, and add the following lines to the composition root of your Terminal.Gui application:

Application.Init ();
RxApp.MainThreadScheduler = TerminalScheduler.Default;
RxApp.TaskpoolScheduler = TaskPoolScheduler.Default;
Application.Run (new RootView (new RootViewModel ()));

From now on, you can use .ObserveOn(RxApp.MainThreadScheduler) to return to the main loop from a background thread. This is useful when you have a IObservable<TValue> updated from a background thread, and you wish to update the UI with TValues received from that observable.

Data Bindings

If you wish to implement OneWay data binding, then use the WhenAnyValue ReactiveUI extension method that listens to INotifyPropertyChanged events of the specified property, and converts that events into IObservable<TProperty>:

// 'usernameInput' is 'TextField' 
ViewModel
	.WhenAnyValue (x => x.Username)
	.BindTo (usernameInput, x => x.Text);

Note that your view model should implement INotifyPropertyChanged or inherit from a ReactiveObject. If you wish to implement OneWayToSource data binding, then install Pharmacist.MSBuild into your project and listen to e.g. TextChanged event of a TextField:

// 'usernameInput' is 'TextField'
usernameInput
	.Events () // The Events() extension is generated by Pharmacist.
	.TextChanged
	.Select (old => usernameInput.Text)
	.DistinctUntilChanged ()
	.BindTo (ViewModel, x => x.Username);

If you combine OneWay and OneWayToSource data bindings, you get TwoWay data binding. Also be sure to use the string type instead of the string type. Invoking commands should be as simple as this:

// 'clearButton' is 'Button'
clearButton
	.Events ()
	.Clicked
	.InvokeCommand (ViewModel, x => x.Clear);