MonoTouch中的MVC简介

MonoTouch中的MVC简介2011-07-05 infoq 译:朱永光在我们的第一篇文章中，用MonoTouch在iPhone上创建了一个应用程序。我们用到了outlet和action，了解了基本的应用程序结构，并创建了一个简单的用户界面。在这篇文章中，我们将要创建另外一个简单的应用程序，不过这次要学习下如何使用Views（视图）和View Controllers（视图控制器）来创建一个具有多个界面的应用程序。特别地，我们将使用UINavigationController来在应用程序里的两个界面间进行导航。

在开始构建应用程序之前，让我们简单熟悉下iPhone应用程序所用的这个重要设计模式。

模型-视图-控制器（MVC）模式

Cocoa Touch使用了一种修改版本的MVC模式来处理GUI的显示。MVC模式（自1979年以来）已经出现很长时间了，它皆在分离显示用户界面所需的大量任务，并处理用户交互。

正如名称所蕴含的，MVC具有三个主要部分，Model（模型）、View（视图）和Controller（控制器）：

模型——模型是特定于领域的数据表现形式。比如说，我们正在创建一个任务列表应用程序。你可能会有一个Task对象的集合，书写为List<Task>。你或许把这些数据保存在数据库、XML文件，或者甚至从Web Service中得到，不过MVC不那么关心它们是在何处/如何来持久保存的（乃至它们是什么）。相反，它特别专注于如何显示这些数据，并处理与用户交互的。

视图——视图代表了数据如何实际地显示出来。在我们这个假设的任务应用程序中，会在一个网页（以HTML的方式）中来显示这些任务，也会在一个WPF页面中（以XAML的方式）来显示，或者在一个iPhone应用程序中显示为UITableView 。如果用户点击某个任务，要删除之，那么视图通常会触发一个事件，或对Controller（控制器）进行一个回调。

控制器——控制器是模型和视图间的粘合剂。控制器的目的就是获取模型中的数据，告知视图来显示。控制器还侦听着视图的事件，在用户选中一个任务来删除的时候，控制着任务从模型中删除。

通过分离显示数据、持久化数据和处理用户交互的职责，MVC模式有助于创建易于理解的代码。而且，它促进了视图和模型的解耦，以便模型能被重用。例如，在你的应用程序中，有两个界面，基于Web的和WPF的，那么你可以在两者中都使用同样的模型定义代码。

因而，在很多MVC框架中不管具体的工作方式如何，基本原理都大致如此的。然而，在Cocoa（及Cocoa Touch）中，还是或多或少有所不同，苹果用MVC来代表Views（视图）、View Controller（视图控制器）和Models（模型）；但是在不同的控件中，它们却不是完全一致的，实现的方式也不太一样。我们将在构建示例应用程序的时候了解更多细节。

在MonoTouch中的视图和视图控制器

我之前简短地提到，在iPhone应用程序中，你只能显示一个窗口。不过可以包含很多界面。要做到这点，你需要为每个界面都添加一个视图和视图控制器。

视图实际上包含了所有可视化元素，比如标签、按钮等等，而视图控制器处理在视图上的实际用户交互（通过事件），并让你在这些事件被触发的时候运行相应的代码。做一个粗略的比喻的话，这就是和ASP.NET或WPF有点类似的模型，在这些模型中，你通过HTML或XAML来定义用户界面，在后置代码中处理事件。

在你导向另外一个页面的时候，就把视图控制器放到视图控制器堆栈中。在这个要构建的应用程序中，我们将使用Navigation View Controller（导航视图控制器，UINavigationController）来处理不同的界面，因为它提供了一种方式可以在界面之间非常容易地导航，通过这种基于层级模式的导航栏，让你的用户能够藉由视图控制器往后和往前进行导航。

UINavigationController 在很多内置的iPhone应用程序都能看到。例如，在查看短信列表的时候，如果你点击其中一个，顶部导航栏将在顶部显示一个左箭头按钮，让你可以回到显示消息列表的视图。

具有多个界面的Hello World应用

现在，在概念上了解了MVC的工作原理后，让我们实际地创建一个应用程序来实践下。

首先，在MonoDevelop中新建一个MonoTouch iPhone解决方案，命名为Example_HelloWorld_2（如果你忘记如何操作可以参考一下第一篇文章）。

接着，添加两个视图控制器（以及相关的视图）来服务于我们将要执行导航的应用程序中的界面。要完成这个步骤，在项目上点击右键，选择“Add : New File”。