CrissCross.WPF.WebView2 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 中，将 Window 的 xmlns 更改为“https://github.com/reactivemarbles/CrissCross”，并将 Window 更改为 rxNav:NavigationWindow。在 XAML 中添加 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 更改为“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 个系列
• 通过属性对话框配置图表
• 轴配置、颜色配置、缩放配置、线条配置
• 具有差异分析的多个游标
• XY 图的多个 X 轴
• 从大数据源（如动态数据源）中选择可供绘制的数据