带有MvvmCross的Android splitview / region presenter

时间:2013-08-06 18:50:49

标签: android android-layout xamarin.android mvvmcross

我的目标是创建一个显示三个区域的Android UI窗口:navigation,main和popup。导航和主区域将用作拆分视图。弹出区域将在屏幕中居中并覆盖其他两个区域;它也只是部分时间可见。理想情况下,我希望这些区域能够托管动态更改的片段,以显示不同的布局并根据用户交互查看模型。并且,所有这一切都应该在不破坏MvvmCross绑定的情况下完成。

我有一些有用的东西,但感觉有点被黑了。目前的实施最接近以下资源1。每个地区都有一本字典。所有片段都根据其目标区域在字典中注册。这是从活动中完成的。该活动还负责对每个布局进行膨胀并将其与正确的视图模型相关联。我想改变这一点,以便MvvmCross可以做更多的工作。

是否可以在Android中创建自定义演示者,它是资源2的动态片段布局和资源3中显示的iOS自定义演示者之间的混合?为了澄清,我想特别定义使用布局显示每个区域的位置。然后,我想在运行时动态填充每个区域的内容,使用不同的布局及其相关的视图模型。


资源1: MvvmCross v3片段示例

https://github.com/slodge/MvvmCross-Tutorials/tree/master/Fragments

请参阅:“FragmentSample.UI.Droid / Views / TitlesView.cs”和“FragmentSample.UI.Droid / Setup.cs”

资源2: N = 26 - 机器人......在Fragment Rock下来

http://www.youtube.com/watch?feature=player_embedded&v=uQT3_WXQQr0

动态片段布局创建时间为26:25 - 32:10

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
  <FrameLayout
    android:id="@+id/subframe1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />
  <FrameLayout
    android:id="@+id/dubframe1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    />
</LinearLayout>

(除了是一个非常有用的视频,在我有机会观看的所有N + 1视频中,这个有最好的介绍!)

资源3: N = 24 - 拆分视图

http://www.youtube.com/watch?feature=player_embedded&v=PpeysFIINcY

iOS SplitPresenter于11:25 - 15:05创建

public class SplitViewController : UISplitViewController
    {
        public SplitViewController()
        {
            this.ViewControllers = new UIViewController[]
                {
                    new UIViewController(), 
                    new UIViewController(), 
                };
        }

        public void SetLeft(UIViewController left)
        {
            this.ViewControllers = new UIViewController[]
                {
                    left,
                    this.ViewControllers[1]
                };
        }

        public void SetRight(UIViewController right)
        {
            this.ViewControllers = new UIViewController[]
                {
                    this.ViewControllers[0],
                    right,
                };
        }
    }

1 个答案:

答案 0 :(得分:1)

我创建了一个小example project on GitHub,演示了如何创建多个区域。

Picture of example project on GitHub

这显示了三个区域:Navigation,Main和Popup。每个区域的位置,大小和形状在一个布局文件中定义。内容是为每个区域定义的,具有单独的布局文件和视图模型,并在运行时动态更改。 MvvmCross绑定仍然适用于每个单独的视图模型。


修改

我在github上添加了一个更强大的解决方案示例。这允许以标准方式打开ViewModel。 MultiRegionPresenter通过查看视图中的标记来处理视图与正确区域的匹配。视图现在标记为其预期区域,如下所示:[Region(Resource.Id.MainRegion)]。

新示例项目位于此处:MultiRegionPresenter Example