如何创建一个片段的子视图绑定到任意MvxViewModel

Question

我找了很长时间，没有找到任何与我目前面临的问题匹配的案例。

我有一个子类MvxFragmentActivity (MainRootView.cs/.axml)包含一个Android导航抽屉布局:

public class MainRootView : MvxFragmentActivity, IFragmentHost 
    { 
    ...
    protected override void OnViewModelSet () 
        {
            base.OnViewModelSet ();
            SetContentView (Resource.Layout.MainRootView);
            ...
        }

在Setup.cs中，我定义了一个自定义演示器来控制加载新viewModel时显示的片段:

public interface IFragmentHost
    {
        bool Show (MvxViewModelRequest request);
    }
    public interface ICustomPresenter
    {
        void Register (Type viewModelType, IFragmentHost host);
    }
    public class CustomPresenter : MvxAndroidViewPresenter, ICustomPresenter
    {
        private Dictionary<Type, IFragmentHost> dictionary = new Dictionary<Type, IFragmentHost>();
        public override void Show (MvxViewModelRequest request) 
        {
            IFragmentHost host;
            if (this.dictionary.TryGetValue (request.ViewModelType, out host)) 
            {
                if (host.Show (request)) 
                {
                    return;
                }
            }
            base.Show (request);
        }
        public void Register(Type viewModelType, IFragmentHost host) 
        {
            this.dictionary [viewModelType] = host;
        }
    }

现在-在MainRootView.cs -我实现了一个特定的ViewModelRequest的显示方法，并替换框架布局内容与一个特定的片段:

public bool Show(Cirrious.MvvmCross.ViewModels.MvxViewModelRequest request)
{
    if (request.ViewModelType == typeof(OneCertainViewModel)) 
    {
        var loaderService = Mvx.Resolve<IMvxViewModelLoader> ();
        var viewModel = loaderService.LoadViewModel (request, null);
        var oneCertainFragment = new OneCertainFragment ();
        oneCertainFragment.ViewModel = viewModel;
        var ft = SupportFragmentManager.BeginTransaction ();
        ft.Replace (Resource.Id.flMainContent, oneCertainFragment);
        ft.Commit ();
        return true;
    }
    ...
}

片段代码看起来像这样:

public class HubFragment : MvxFragment 
    {
    ...
    public override global::Android.Views.View OnCreateView(global::Android.Views.LayoutInflater inflater, 
                                                            global::Android.Views.ViewGroup container, 
                                                            Bundle savedInstanceState)
        {
            var ignored = base.OnCreateView(inflater, container, savedInstanceState);
            global::Android.Views.View view = this.BindingInflate(Resource.Layout.HubFragment, null);
            return view;
        }
        ...

此片段包含少量动态创建的自定义子视图，每个子视图都与一个单独的视图模型相关，该视图模型在创建后被设置。

public class SubSectionView : LinearLayout, IHubSectionView
{
    private MySubViewModel _vm;
    public void SetContentViewModel (MySubViewModel vm) 
    {
        _vm = vm;
        ...
    }

现在如何将TextView的属性绑定到我之前设置的viewModel的属性，如果这是可能的?

非常感谢您的建议!

Answer 1

我希望了解你的情况，我有你的问题在完全相同的形式:我有一个ViewModel与另一个SubViewModel作为属性;设为:MySubView

假设我们有一个这样的主视图:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
...
<Mvx.MvxFrameControl
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  local:MvxBind="DataContext MySubView"
  local:MvxTemplate="@layout/subview"/>
...
</RelativeLayout>

使用MvxFrameControl是这里的关键。它将我们的属性绑定并传递给指定的模板。在这里，我们可以使用SubViewModel的属性。

所以我们只需要在主视图模型中定义MySubView:

public class MainViewModel : MvxViewModel
{
    ...
    private SubViewModel _mySubView = new SubViewModel();
    public SubViewModel MySubView
    { 
        get { return _mySubView; }
        set { _mySubView = value; RaisePropertyChanged(() => MySubView); }
    }
    ...
} 

希望能有所帮助。