1

我的目标是创建一个显示三个区域的 Android UI 窗口：导航区、主区和弹出区。导航和主区域将用作拆分视图。弹出区域将位于屏幕中心并覆盖其他两个区域；它也只会在部分时间可见。理想情况下，我希望这些区域托管动态更改的片段，以根据用户交互显示不同的布局和视图模型。而且，所有这些都应该在不破坏 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”</p>

资源 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,
                };
        }
    }
4

1 回答 1

1

我在 GitHub 上创建了一个小示例项目，演示如何创建多个区域。

GitHub上示例项目的图片

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

编辑

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

新的示例项目位于此处：MultiRegionPresenter Example

于 2013-08-08T20:56:26.240 回答