mvvm - MvvmCross：混合 Xamarin.Forms 和 Android Activity 应用程序

Question

作为 MvvmCross 的新手，我决定创建一个小型 Xamarin.Forms 应用程序。我有一个MainPage.xaml绑定到它的 ViewModel MainViewModel.cs，它首先显示。我有一个FirstView.axml位于 droid 项目及其活动的项目。关联的 ViewModel 位于 MainViewModel 旁边的 Core 项目中，并命名为FirstViewModel.cs

单击导航按钮后，我希望 MvvmCross 显示FirstView.axml布局并绑定到 VM。然而，

每当调用命令时，我都会得到

03-10 10:11:38.704 D/ViewRootImpl(18964): ViewPostImeInputStage ACTION_DOWN
mvx:Diagnostic: 17,87 Showing ViewModel FirstViewModel
03-10 10:11:38.854 I/mono-stdout(18964): mvx:Diagnostic: 17,87 Showing ViewModel FirstViewModel
[0:] mvx:Diagnostic: 17,87 Showing ViewModel FirstViewModel
mvx:Error: 17,91 Failed to create ContentPage FirstPage
03-10 10:11:38.894 I/mono-stdout(18964): mvx:Error: 17,91 Failed to create ContentPage FirstPage
[0:] mvx:Error: 17,91 Failed to create ContentPage FirstPage
mvx:Error: 17,92 Skipping request for FirstViewModel
03-10 10:11:38.904 I/mono-stdout(18964): mvx:Error: 17,92 Skipping request for FirstViewModel
[0:] mvx:Error: 17,92 Skipping request for FirstViewModel`

目前该项目如下所示：

启动活动

[Activity(Label = "Hello MvvmCrossForms", MainLauncher = true)]
public class CrossFormsApp : FormsApplicationActivity
{
    protected override void OnCreate(Bundle bundle)
    {
        base.OnCreate(bundle);

        //Init forms
        Forms.Init(this, bundle);

        InitialiseMvx();

        //Create mvxformsApp
        var mvxFormsApp = new MvxFormsApp();
        var presenter = Mvx.Resolve<IMvxViewPresenter>() as MvxFormsDroidPagePresenter;

        //Assign the viewPresenter
        presenter.MvxFormsApp = mvxFormsApp;
        LoadApplication(mvxFormsApp);

        //Start mvxApp
        Mvx.Resolve<IMvxAppStart>().Start();
    }

    private void InitialiseMvx()
    {
        if (MvxSingleton<IMvxIoCProvider>.Instance == null)
            Mvx.RegisterSingleton(MvxSimpleIoCContainer.Initialize());

        MvxAndroidSetupSingleton.EnsureSingletonAvailable(this.ApplicationContext)
                                .EnsureInitialized();
    }
}

主视图模型

public class MainViewModel : MvxViewModel
{
    private string _inputString;

    public ICommand NavigateCommand
    {
        get { return new MvxCommand(() => ShowViewModel<FirstViewModel>()); }
    }

    public string InputString
    {
        get { return _inputString; }
        set { SetProperty(ref _inputString, value); }
    }
}

基本上我正在寻找的是与此相反的内容：MvvmCross：如何在 Android 上从常规视图导航到 Mvvm 视图模型？

score 2 · Accepted Answer

在 MvvmCross 中，ViewPresenter 是处理视图之间导航的组件。

所以我们必须创建自己的

继承自MvxFormsDroidPagePresenter，因为我们有一个 Forms App
重定向非表单调用
- ChangePresentation（通常用于 Close()）
- Show
到处理活动的 ViewPresenter ( MvxAndroidViewPresenter)
非表单 ViewModel 列表 ( _androidViews)

class HybridDroidViewPresenter : MvxFormsDroidPagePresenter
{
    private readonly MvxAndroidViewPresenter _androidPesenter;
    private readonly List<Type> _androidViews;
    protected Activity Activity => Mvx.Resolve<IMvxAndroidCurrentTopActivity>().Activity;


    public HybridDroidViewPresenter()
    {
        _androidPesenter = new MvxAndroidViewPresenter();
        _androidViews = new List<Type>
        {
            typeof (FirstViewModel)
        };
    }

    public override void ChangePresentation(MvxPresentationHint hint)
    {
        if (Activity.GetType() != typeof (MainActivity))
        {
            // if we are not on the Forms Activity, we assume, we are on an Android Activity
            _androidPesenter.ChangePresentation(hint);
            return;
        }

        base.ChangePresentation(hint);
    }

    public override void Show(MvxViewModelRequest request)
    {
        if (_androidViews.Contains(request.ViewModelType))
        {
            _androidPesenter.Show(request);
            return;
        }

        base.Show(request);
    }
}

要注册我们的新 ViewPresenter，我们必须CreateViewPresenter在设置中覆盖

public class Setup : MvxAndroidSetup
{
    // ...

    protected override IMvxAndroidViewPresenter CreateViewPresenter()
    {
        var presenter = new HybridDroidViewPresenter();
        Mvx.RegisterSingleton<IMvxViewPresenter>(presenter);
        return presenter;
    }
}

我们的 ViewPresenter 和MvxAndroidViewPresenter需求IMvxAndroidCurrentTopActivity。所以我们需要让它知道我们的生命周期MainActivity。这可以通过IMvxAndroidActivityLifetimeListener和修改 Activity 来完成，如下所示：

[Activity(Label = "MainActivity", ScreenOrientation = ScreenOrientation.Portrait)]
public class MainActivity
    : FormsApplicationActivity
{
    private IMvxAndroidActivityLifetimeListener _lifetimeListener;

    protected override void OnCreate(Bundle bundle)
    {
        base.OnCreate(bundle);

        Forms.Init(this, bundle);
        var mvxFormsApp = new MvxFormsApp();
        LoadApplication(mvxFormsApp);

        var presenter = (MvxFormsDroidPagePresenter) Mvx.Resolve<IMvxViewPresenter>();
        presenter.MvxFormsApp = mvxFormsApp;

        Mvx.Resolve<IMvxAppStart>().Start();
        _lifetimeListener = Mvx.Resolve<IMvxAndroidActivityLifetimeListener>();
        _lifetimeListener.OnCreate(this);
    }

    protected override void OnDestroy()
    {
        _lifetimeListener.OnDestroy(this);
        base.OnDestroy();
    }

    protected override void OnNewIntent(Intent intent)
    {
        base.OnNewIntent(intent);
        _lifetimeListener.OnViewNewIntent(this);
    }

    protected override void OnResume()
    {
        base.OnResume();
        _lifetimeListener.OnResume(this);
    }

    protected override void OnPause()
    {
        _lifetimeListener.OnPause(this);
        base.OnPause();
    }

    protected override void OnStart()
    {
        base.OnStart();
        _lifetimeListener.OnStart(this);
    }

    protected override void OnRestart()
    {
        base.OnRestart();
        _lifetimeListener.OnRestart(this);
    }

    protected override void OnStop()
    {
        _lifetimeListener.OnStop(this);
        base.OnStop();
    }
}

现在我们可以导航到我们的FirstViewModelvia

ShowViewModel<FirstViewModel>()

并且 FirstActivity 看起来像一个普通的 MvvMCross Android Activity 并将其设置FirstView.axml为ContentView.

[Activity(Label = "FirstActivity")]
public class FirstActivity : MvxActivity<FirstViewModel>
{
    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);

        SetContentView(Resource.Layout.FirstView);
    }
}

意识到：

有了这个，您无法导航到非表单视图（但到非表单视图）的表单视图，除非通过Close()或后退按钮返回
生命周期可能存在一些问题（例如墓碑）
MvvMCross 的开发人员对 MvvMCross 的 Forms-Support 不满意，因此 Forms Presenter 上可能会有一些重大变化

score 0 · Accepted Answer

我最终做的是定义一个IXFViewModel我在FormsViewModel 上实现的空接口。然后在我的自定义演示者中，我得到了MvxViewModelRequest.ViewModelType实现的接口列表。

如果在IXFViewModel接口列表中找到该类型，则扩展的自定义MvxFormsDroidPagePresenter演示者通过调用base.Show(request). 如果IXFViewModel未找到该类型，则自定义演示者切换到一个MvxAndroidViewPresenter来处理视图演示。

下面的解决方案：

引导程序

public class Setup : MvxAndroidSetup
{
    /// prefix ///

    protected override IMvxAndroidViewPresenter CreateViewPresenter()
    {
        var presenter = new XFDroidPresenter();
        Mvx.RegisterSingleton<IMvxViewPresenter>(presenter);
        return presenter;
    }
}

自定义演示者

public class XFDroidPresenter : MvxFormsDroidPagePresenter
{
    protected MvxAndroidViewPresenter DroidPresenter { get; set; }
    protected Activity Activity { get { return Mvx.Resolve<IMvxAndroidCurrentTopActivity>().Activity; } }

    public XFDroidPresenter()
    {
        DroidPresenter = new MvxAndroidViewPresenter();
    }

    public override void ChangePresentation(MvxPresentationHint hint)
    {
        if(Activity.GetType() != typeof(CrossFormsApp))
        {
            DroidPresenter.ChangePresentation(hint);
            return;
        }

        base.ChangePresentation(hint);
    }

    public override void Show(MvxViewModelRequest request)
    {
        var implementedInterfaces = request.ViewModelType
                                           .GetInterfaces()
                                           .ToList();

        if (!implementedInterfaces.Contains(typeof(IXFViewModel)))
        {
            DroidPresenter.Show(request);
            return;
        }

        base.Show(request);
    }
}

启动器和表单活动

[Activity(Label = "Hello MvvmCrossForms", Icon = "@drawable/icon", MainLauncher = true)]
public class CrossFormsApp : FormsApplicationActivity
{
    private MvxAndroidLifetimeMonitor _lifeTimeMonitor;

    protected override void OnCreate(Bundle bundle)
    {
        base.OnCreate(bundle);

        Forms.Init(this, bundle);

        InitialiseMvx();

        var mvxFormsApp = new MvxFormsApp();
        var presenter = Mvx.Resolve<IMvxViewPresenter>() as MvxFormsDroidPagePresenter;

        presenter.MvxFormsApp = mvxFormsApp;
        LoadApplication(mvxFormsApp);
        Mvx.Resolve<IMvxAppStart>().Start();

        _lifeTimeMonitor = Mvx.Resolve<IMvxAndroidCurrentTopActivity>() as MvxAndroidLifetimeMonitor;
        _lifeTimeMonitor.OnCreate(this);
    }

    private void InitialiseMvx()
    {
        if (MvxSingleton<IMvxIoCProvider>.Instance == null)
            Mvx.RegisterSingleton(MvxSimpleIoCContainer.Initialize());

        MvxAndroidSetupSingleton.EnsureSingletonAvailable(this.ApplicationContext)
                                .EnsureInitialized();
    }

    protected override void OnStart()
    {
        base.OnStart ();
        _lifeTimeMonitor.OnStart(this);
    }

    protected override void OnRestart()
    {
        base.OnRestart ();
        _lifeTimeMonitor.OnRestart(this);
    }

    protected override void OnResume()
    {
        base.OnResume ();
        _lifeTimeMonitor.OnResume(this);
    }

    protected override void OnDestroy()
    {
        base.OnDestroy ();
        _lifeTimeMonitor.OnDestroy(this);
    }
}

接口和视图模型

public interface IXFViewModel
{
}

public class MainViewModel : MvxViewModel, IXFViewModel
{
    private string _inputString;

    public ICommand NavigateCommand
    {
        get { return new MvxCommand(() => Close(this)); }
    }

    public string InputString
    {
        get { return _inputString; }
        set { SetProperty(ref _inputString, value); }
    }
}

mvvm - MvvmCross：混合 Xamarin.Forms 和 Android Activity 应用程序

2 回答 2

Related

Reference