65.9K
CodeProject 正在变化。 阅读更多。
Home

在短短 4 分钟内构建移动应用(第 2 部分)

2010年7月27日

CPOL

4分钟阅读

viewsIcon

22324

今天,我们将通过一个分步教程,演示设计和构建一个包含详细视图对象的移动表单是多么容易。

上个月在Code Project上发表的文章中,我们证明了在不到4分钟的时间内就可以构建一个简单的移动应用程序。这种快速开发得益于Resco MobileApp Studio——一个移动应用开发工具,它允许开发人员快速设计和构建移动表单。它是Microsoft Visual Studio的一个附加组件,因此它所有的工具都集成在Visual Studio中,并可以直接从Visual Studio访问。

今天,我们将通过一个分步教程,演示设计和构建一个包含详细视图对象的移动表单是多么容易。

我们将使用嵌入在Microsoft Visual Studio中的Resco MobileApp Studio、Resco设计器和向导。你们猜需要多久?让我们一起来看看……
首先,请从这里下载并安装Resco MobileApp Studio的试用版:http://www.resco.net/developer/mobileappstudio/download_mas.aspx

我在Visual Studio中创建一个新项目,并命名为CustomerApp。

Resco MobileApp Studio

然后,我右键单击项目,并从上下文菜单中添加一个新项。我选择“类”并将其命名为Customer。

Resco MobileApp Studio

现在我编写代码来创建一个类。这个类包含用于我们示例目的的数据,特别是基本的客户信息,如姓名、日期等。完成后,我保存文件。

Resco MobileApp Studio

将MobileAppDetail文件添加到项目中

我再次右键单击项目并添加一个新项。我从“类别”中选择“MobileApp Studio”,添加“MobileAppDetail”,并将其重命名为CustomerDetail。

将新文件添加到项目后,将打开新的向导。我选择一个图形主题,然后继续。

Resco MobileApp Studio

我选择一个空白视图并完成向导。

您现在看到的是嵌入在Visual Studio中的Resco MobileApp环境。这个设计器允许您以简单的方式设计详细表单。我们的详细表单目前不包含任何项,稍后我们会添加它们。

Resco MobileApp Studio

现在我构建这个项目。

数据绑定

要将项添加到详细表单并将其绑定到数据,我使用“绑定”向导,这也是Resco MobileApp Studio的一部分。我点击“数据”窗口中的“管理”按钮以打开“绑定”向导。要使用类进行绑定,我选择“CLR类”。

Resco MobileApp Studio

我选择我的解决方案(CustomerApp)并点击“下一步”。

Resco MobileApp Studio

然后我展开CustomerApp并选择Customer,这是我在开始时创建的类,然后点击“完成”按钮。(您可以使用相同的过程将表单绑定到您现有的业务逻辑。)

Resco MobileApp Studio

请注意,左侧的“数据”菜单中有4个新行。

Resco MobileApp Studio

我通过点击“对象”窗口中的“添加文本框”按钮,向详细表单添加一个新的文本框。

在“数据”菜单中,我点击第一个“姓名”行中的“分配”按钮。现在文本框已绑定到该类。然后我添加一个新的日期时间项,并将其分配给“Since”行。同样,新的数字项被分配给“Rating”行,新的复选框项被分配给“Reliable”行。

Resco MobileApp Studio

如果我需要对创建的项或整个表单进行进一步的自定义,例如ItemHeight、背景色或字体等,我可以直接在设计器中用鼠标操作,或者通过点击“显示本地属性”按钮在属性窗口中进行操作。

最后,我向详细表单添加一个新的Caption项,并将Label设置为“Customer”。我将该项拖放到表单顶部。然后我可以保存并构建项目。

我右键单击Visual Studio生成的Form1并选择ViewDesigner。我已经构建了项目,所以我可以在工具箱中看到新创建的视图。我只需将其拖放到表单上。

Resco MobileApp Studio

我还向表单添加了一个新按钮。这个按钮仅用于断点。当我点击button1时,Visual Studio会自动生成一个点击事件。目前我将保持为空。

Resco MobileApp Studio

现在我创建一个Customer类的实例,并将该对象设置为详细视图的数据源。我在button1点击函数中添加一个断点。

Resco MobileApp Studio

保存并在模拟器中运行。

我更改表单上的值。

Resco MobileApp Studio

要查看客户对象中发生的变化,我点击button1。Visual Studio会中断到button1的点击事件。我将Customer对象拖到Watch 1窗口,并查看其属性。这些值与我在模拟器的详细视图中设置的值完全一致。

Resco MobileApp Studio

现在您可以使用Resco MobileApp Studio的设计器、Visual Studio和C#编程语言根据您的需求自定义此表单。就是这样!简单、快速、有效——这是成功移动开发的公式。

总时间是多少?观看YouTube上的教程,自己找出答案:http://www.youtube.com/watch?v=Mtxemhefiao

关于Resco MobileApp Studio

Resco MobileApp Studio是Microsoft Visual Studio 2008的一个附加组件——一个快速移动应用开发工具,它允许开发人员快速设计和构建移动业务线应用程序。

在此处查找有关Resco MobileApp Studio的更多信息:http://www.resco.net/developer/mobileappstudio/overview.aspx

© . All rights reserved.