MvvmCross 跨平台应用开发——入门篇
MvvmCross框架概述
Build clean, pixel perfect, native UIs. Share behavior and business logic in a single codebase across supported platforms, using the Model-View-ViewModel (MVVM) design pattern. MvvmCross is a framework specifically developed for Xamarin and the mobile ecosystem. It supports Xamarin.iOS, Xamarin.Android, Xamarin.Mac, Xamarin.Forms, Universal Windows Platform (UWP) and Windows Presentation Framework (WPF)
构建干净、像素完美的原生 UI。使用模型-视图-视图模型 （MVVM） 设计模式，在受支持的平台之间共享单个代码库中的行为和业务逻辑。MvvmCross是专门为Xamarin和移动生态系统开发的框架。它支持Xamarin.iOS，Xamarin.Android，Xamarin.Mac，Xamarin.Forms，Universal Windows Platform（UWP）和Windows Presentation Framework（WPF）。
官方文档地址
我是如何得知 MvvmCross 框架的
我是如何得知 MvvmCross 框架的？ 只能说机缘巧合罢了（个中缘由不便详说）
这个框架呐，在国内使用的人极其的少，并且文档也没有中文版，学习曲线是比较陡的。
它也是由 .NET 基金会 支持，根据 MS-PL 许可证进行许可。
通过一段时间的接触和了解 MvvmCross 框架是与 Prism 框架一样优秀的框架
环境配置
工作负载安装
我这里使用的是visual studio 2022，但是都一样哈。
添加 使用 .NET 的移动开发 工作负载 如图?
安卓模拟器配置
- 配置好之后，启动模拟器?
iOS&Mac环境
由于 iOS 和 Mac 系统的封闭性，需要准备一台Mac电脑，进行设备配对。
由于条件限制，这里不再叙述
WPF & Android 案例开发
先来看看案例的项目结构
遵循由简入繁，所以案例结构简单明确
各部分框架描述
MvvmCrossCore 使用 .NET Standard 框架
这一部分是，使用 MvvmCross 框架搭建跨平台应用的核心
??.NET Standard 是针对多个 .NET 实现推出的一套正式的 .NET API 规范。 推出 .NET Standard 的背后动机是要提高 .NET 生态系统中的一致性。 如果要在 .NET Framework 和其他任何 .NET 实现（例如 .NET Core）之间共享代码
主要作用： 在 Mono、Xamarin 和 .NET Core 3.x（我这里wpf项目使用.net5） 之间共享代码
说人话就是：所有 .NET 平台，必须要支持这个 .NET Standard 里定义的API
MvvmCrossDroid 使用 Android 版本（目标框架）
这个没什么好说的，Android 应用嘛，肯定是要用 Android 的目标框架啦
这里有两点需要注意的?：系统支持范围、调试类型
MvvmCrossWPF 使用 .NET6 框架
这也很好理解 .NET6 正式版的已经推出了，当然使用它啦
各部分 NuGet 包
- MvvmCrossCore
MvvmCross - MvvmCrossDroid
MvvmCross
Microsoft.Extensions.Logging.Abstractions
Serilog
Serilog.Extensions.Logging
Serilog.Sinks.Xamarin - MvvmCrossWPF
MvvmCross.Platforms.Wpf
Serilog
Serilog.Extensions.Logging
Serilog.Sinks.Trace
项目引用
MvvmCrossDroid → MvvmCrossCore
MvvmCrossWPF → MvvmCrossCore
基础结构?
各项目入口文件配置
MvvmCrossCore
MvvmCrossCore
app.cs文件配置
using MvvmCross.IoC;
using MvvmCross.ViewModels;
using MvvmCrossCore.ViewModels;
namespace MvvmCrossCore
{
public class App : MvxApplication
{
public override void Initialize()
{
CreatableTypes()
.EndingWith("Service")
.AsInterfaces()
.RegisterAsLazySingleton();
RegisterAppStart<LoginViewModel>();
}
}
}
MvvmCrossDroid
MvvmCrossDroid
Setup.cs文件配置
using Microsoft.Extensions.Logging;
using MvvmCross.Platforms.Android.Core;
using MvvmCrossCore;
using Serilog;
using Serilog.Extensions.Logging;
namespace MvvmCrossDroid.Droid
{
public class Setup : MvxAndroidSetup<App>
{
protected override ILoggerProvider CreateLogProvider()
{
return new SerilogLoggerProvider();
}
protected override ILoggerFactory CreateLogFactory()
{
// Serilog 配置
Log.Logger = new LoggerConfiguration()
.MinimumLevel.Debug()
.WriteTo.AndroidLog()
.CreateLogger();
return new SerilogLoggerFactory();
}
}
}
MvvmCrossDroid
MainApplication.cs文件配置
using Android.App;
using Android.Runtime;
using MvvmCross.Platforms.Android.Views;
using MvvmCrossCore;
using System;
namespace MvvmCrossDroid.Droid
{
[Application]
public class MainApplication : MvxAndroidApplication<Setup, App>
{
public MainApplication(IntPtr javaReference, JniHandleOwnership transfer) : base(javaReference, transfer)
{
}
}
}
SplashScreen 启动画面
??为什么把启动画面单独拎出来说说，是因为移动端的App都是有启动画面的，这里也涉及到了，应用程序安装之后的桌面图标问题。
??说点废话，也不完全是：我不是专业 Android 所以一开始对于启动画面不了解，所以我在写代码的时候尝试删除过SplashScreen.cs和SplashScreen.axml直接导致的问题就是，安装之后桌面没有应用图标，所以这个启动画面配置项是很重要的。
SplashScreen.cs 配置
using Android.App;
using Android.Content.PM;
using MvvmCross.Platforms.Android.Views;
namespace MvvmCrossDroid
{
// 解释下： 设置主启动 设置桌面图标 启动画面图像
[Activity(MainLauncher = true, Icon = "@drawable/icon", Theme = "@style/Theme.Splash", NoHistory = true, ScreenOrientation = ScreenOrientation.Portrait)]
public class SplashScreen : MvxSplashScreenActivity
{
public SplashScreen() : base(Resource.Layout.SplashScreen)
{
}
}
}
layout 文件夹中也不能少了对应的布局文件，什么都不需要做，保持原样就 OK
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
</LinearLayout>
MvvmCrossWPF
MvvmCrossWPF
Setup.cs文件配置
using Microsoft.Extensions.Logging;
using MvvmCross.Platforms.Wpf.Core;
using Serilog;
using Serilog.Extensions.Logging;
namespace MvvmCrossWPF
{
public class Setup : MvxWpfSetup<MvvmCrossCore.App>
{
protected override ILoggerProvider CreateLogProvider()
{
return new SerilogLoggerProvider();
}
protected override ILoggerFactory CreateLogFactory()
{
// serilog configuration
Log.Logger = new LoggerConfiguration()
.MinimumLevel.Debug()
.WriteTo.Trace()
.CreateLogger();
return new SerilogLoggerFactory();
}
}
}
MvvmCrossWPF
App.xaml.cs文件配置
using MvvmCross.Core;
using MvvmCross.Platforms.Wpf.Views;
namespace MvvmCrossWPF
{
/// <summary>
/// Interaction logic for App.xaml
/// </summary>
public partial class App : MvxApplication
{
protected override void RegisterSetup()
{
this.RegisterSetupType<Setup>();
}
}
}
结语
通过这篇文章我们知道了，这个框架创建项目的基础。
后面会继续更新，通过一个小小的案例，继续深入的学习 MvvmCross 框架 😃😃😃