MVVM – 介绍

MVVM – 介绍


组织代码的有序且可能是最可重用的方法是使用“MVVM”模式。模型,视图模型(MVVM模式)是所有关于指导你如何组织和构造代码,以写可维护,可测试性和可扩展的应用程序。

模型– 它只是保存数据,与任何业务逻辑无关。

ViewModel – 它充当模型和视图之间的链接/连接并使东西看起来很漂亮。

视图– 它只是保存格式化的数据,并将所有内容委托给模型。

查看模型

分离演示

为了避免将应用程序逻辑置于代码隐藏或 XAML 中所导致的问题,最好使用一种称为分离呈现的技术。我们正在努力避免这种情况,我们将使用 XAML 和代码隐藏,并具有直接处理用户界面对象所需的最低限度。用户界面类还包含复杂交互行为、应用程序逻辑和其他所有内容的代码,如下图左侧所示。

分离演示

  • 通过分离呈现,用户界面类要简单得多。它当然有 XAML,但背后的代码做的很实用。

  • 应用程序逻辑属于一个单独的类,通常称为模型。

  • 然而,这并不是故事的全部。如果你停在这里,你很可能会重复一个非常常见的错误,这会导致你走上数据绑定的疯狂之路。

  • 许多开发人员尝试使用数据绑定将 XAML 中的元素直接连接到模型中的属性。

  • 现在有时这可能没问题,但通常不是。问题是该模型完全关注应用程序做什么,而不是用户如何与应用程序交互。

  • 您呈现数据的方式通常与数据内部的结构方式有些不同。

  • 此外,大多数用户界面都有一些不属于应用程序模型的状态。

  • 例如,如果您的用户界面使用拖放,则需要跟踪一些内容,例如被拖动的项目现在在哪里,当它移过可能的放置目标时其外观应该如何变化,以及这些放置目标可能如何当项目拖过它们时发生变化。

  • 这种状态会变得异常复杂,需要彻底测试。

  • 在实践中,您通常希望一些其他类位于用户界面和模型之间。这有两个重要的作用。

    • 首先,它使您的应用程序模型适应特定的用户界面视图。

    • 其次,它是任何重要的交互逻辑存在的地方,我的意思是让您的用户界面按照您想要的方式运行所需的代码。

觉得文章有用?

点个广告表达一下你的爱意吧 !😁