CrissCross 2.0.6

CrissCross

基于 ReactiveUI 的项目的导航框架

什么是 CrissCross？

CrissCross 是针对基于 ReactiveUI 的项目的导航框架。它专为与 ReactiveUI 一起使用而设计，但也可以调整以用于任何 MVVM 框架。

为什么使用 CrissCross？

CrissCross 设计成一个简单、轻量级且易于使用的导航框架。它专为与 ReactiveUI 一起使用而设计。

如何使用 CrissCross？

步骤 1：安装 CrissCross

CrissCross 可在 NuGet 上找到。您可以使用 NuGet 包管理器进行安装

Install-Package CrissCross

或

Install-Package CrissCross.WPF

或

Install-Package CrissCross.XamForms

或

Install-Package CrissCross.MAUI

或

Install-Package CrissCross.Avalonia

或

Install-Package CrissCross.WinForms

第2步：创建一个ViewModel

创建一个继承自RxObject的ViewModel。这是用于MainWindow的ViewModel。

    public class MainWindowViewModel : RxObject
    {
        public MainWindowViewModel()
        {
            this.BuildComplete(() =>
            {
                // Do something when the IOC Container is built
            });

            // Setup the IOC Container
            Locator.CurrentMutable.RegisterConstant<MainViewModel>(new());
            Locator.CurrentMutable.Register<IViewFor<MainViewModel>>(() => new MainView());

            Locator.CurrentMutable.RegisterConstant<FirstViewModel>(new());
            Locator.CurrentMutable.Register<IViewFor<FirstViewModel>>(() => new FirstView());
            
            // Notify the application that the IOC Container that it is complete and ready to use.
            Locator.CurrentMutable.SetupComplete();
        }
    }

第3步：创建一个View

创建一个继承自NavigationWindow的View。这是用于MainWindow的View。在XAML中添加xmlns:rxNav="https://github.com/reactivemarbles/CrissCross"，将Window更改为rxNav:NavigationWindow。在XAML中将Window更改为rxNav:NavigationWindow。添加x:TypeArguments="local:MainWindowViewModel"

    public partial class MainWindow : NavigationWindow<MainWindowViewModel>
    {
        public MainWindow()
        {
            // Remember to set x:Name in XAML to "mainWindow"
            InitializeComponent();
            
            this.WhenActivated(disposables =>
            {
                // Do something when the View is activated

                // Configure the Navigation for the MainWindow
                NavBack.Command = ReactiveCommand.Create(() => this.NavigateBack(), CanNavigateBack).DisposeWith(d);
                
                // Navigate to the MainViewModel
                this.NavigateToView<MainViewModel>();
            });
        }
    }

第4步：创建一个ViewModel

创建一个继承自RxObject的ViewModel。这是用于MainView的ViewModel。

    public class MainViewModel : RxObject
    {
        public MainViewModel()
        {
            this.BuildComplete(() =>
            {
                // Do something when the IOC Container is built

                // Configure the Navigation for the MainViewModel using, you will pass the name of the Navigation Host Window that you want to navigate with.
                this.NavigateBack("mainWindow")
                this.CanNavigateBack("mainWindow")
                this.NavigateToView<FirstViewModel>("mainWindow")
            });
        }
    }

第5步：创建一个View

创建一个继承自ReactiveUserControl的View。这是用于MainView的View。

    public partial class MainView : ReactiveUserControl<MainViewModel>
    {
        public MainView()
        {
            InitializeComponent();

            this.WhenActivated(disposables =>
            {
                // Do something when the View is activated
            });
        }
    }

第6步：对于WPF应用程序配置单实例应用程序（如果需要）

如果希望防止应用程序同时运行多个实例，可以使用Make.SingleInstance方法。

    protected override void OnStartup(StartupEventArgs e)
    {
        // This will prevent multiple instances of the application from running at the same time.
        Make.SingleInstance("MyUniqueAppName ddd81fc8-9107-4e33-b848-cac4c3ec3d2a");
        base.OnStartup(e);
    }

第7步：运行应用程序

运行应用程序并应看到MainView。

Avalonia

步骤 1：安装 CrissCross

CrissCross 可在 NuGet 上找到。您可以使用 NuGet 包管理器进行安装

Install-Package CrissCross.Avalonia

第2步：创建一个ViewModel

创建一个继承自RxObject的ViewModel。这是用于MainWindow的ViewModel。

    public class MainWindowViewModel : RxObject
    {
        public MainWindowViewModel()
        {
            this.BuildComplete(() =>
            {
                // Do something when the IOC Container is built
            });

            // Setup the IOC Container
            Locator.CurrentMutable.RegisterConstant<MainViewModel>(new());
            Locator.CurrentMutable.Register<IViewFor<MainViewModel>>(() => new MainView());

            Locator.CurrentMutable.RegisterConstant<FirstViewModel>(new());
            Locator.CurrentMutable.Register<IViewFor<FirstViewModel>>(() => new FirstView());
            
            // Notify the application that the IOC Container that it is complete and ready to use.
            Locator.CurrentMutable.SetupComplete();
        }
    }

第3步：创建一个NavigationView

创建一个继承自NavigationWindow或NavigationUserControl的View。这是用于MainWindow的View。在XAML中添加xmlns:rxNav="https://github.com/reactivemarbles/CrissCross"，将Window更改为rxNav:NavigationWindow。或在XAML中将UserControl更改为rxNav:NavigationUserControl。

Avalonia有两种操作模式，您需要为应用程序选择正确的模式。

    public partial class MainWindow : NavigationWindow<MainWindowViewModel>
    {
        public MainWindow()
        {
            // Remember to set x:Name in XAML to "mainWindow"
            InitializeComponent();
            
            this.WhenActivated(disposables =>
            {
                // Do something when the View is activated

                // Configure the Navigation for the MainWindow
                NavBack.Command = ReactiveCommand.Create(() => this.NavigateBack(), CanNavigateBack).DisposeWith(d);
                
                // Navigate to the MainViewModel
                this.NavigateToView<MainViewModel>();
            });
        }
    }

第4步：创建一个ViewModel

创建一个继承自RxObject的ViewModel。这是用于MainView的ViewModel。

    public class MainViewModel : RxObject
    {
        public MainViewModel()
        {
            this.BuildComplete(() =>
            {
                // Do something when the IOC Container is built

                // Configure the Navigation for the MainViewModel using, you will pass the name of the Navigation Host Window that you want to navigate with.
                this.NavigateBack("mainWindow")
                this.CanNavigateBack("mainWindow")
                this.NavigateToView<FirstViewModel>("mainWindow")
            });
        }
    }

第5步：创建一个View

创建一个继承自ReactiveUserControl的View。这是用于MainView的View。

    public partial class MainView : ReactiveUserControl<MainViewModel>
    {
        public MainView()
        {
            InitializeComponent();

            this.WhenActivated(disposables =>
            {
                // Do something when the View is activated
            });
        }
    }

CrissCross.WPF.Plot

CrissCross.WPF.Plot是一个为WPF应用程序提供简单绘图方式的库。它设计用于与CrissCross一起使用。

Adriana Segher提出了创建可以接受响应式数据源的Plot的初步概念。然后将其开发成一个可以与CrissCross Wpf一起使用的库。

该库基于ScottPlot构建，为WPF应用程序提供了一种简单的方式来绘制响应式数据。

该库可在NuGet上找到。您可以使用NuGet包管理器进行安装

Install-Package CrissCross.WPF.Plot

当前功能

• 从响应式数据源中绘图数据
• 从具有多个序列的响应式数据源数组的索引中绘图数据（目前限制为9个）
• 通过CrossHair进行光标跟踪
• 缩放和平移
• 拖动缩放区域
• 绘图的可视性
• 自动缩放/手动缩放
• 启用/禁用与绘图交互
• 多个Y轴

未来功能

• 超过9个序列
• 通过属性对话框配置图表
• 轴配置、颜色配置、缩放配置、线条配置
• 多个具有差分分析的CrossHairs
• XY图的多条X轴
• 从大型数据源（如动态数据源）中选择可绘制的数据