第15章_创建移动Web应用

1、第第15章章创建移动创建移动Web应用应用内容内容开发环境开发环境 开发移动开发移动Web应用应用 开发环境开发环境移动终端设备概述移动终端设备概述微软设备仿真程序微软设备仿真程序在在Visual Studio 2005中使用设备仿真程序中使用设备仿真程序移动终端设备概述移动终端设备概述我们开发的移动我们开发的移动Web应用最终将要呈现的终端设备应用最终将要呈现的终端设备主要指支持主要指支持Window Mobile 5.0的智能手机，主要包的智能手机，主要包括两大类：括两大类： u支持Windows Mobile 5.0 Pocket PC的手机 u支持Windows Mobile 5.0

2、Smartphone的手机 微软设备仿真程序微软设备仿真程序 功能功能 u运行针对 ARM 处理器而不是 x86 处理器编译的代码u支持与 ActiveSync 的同步u支持更多的开发环境，包括 Visual Studio 2005、Visual Studio .NET 2003 和 embedded Visual C+ 4.0 (Service Pack 4)u支持 GAPI适应性适应性 u可以像配置一个真正的硬件平台一样，对此虚拟硬件平台进行配置u可以指定屏幕分辨率和方向、内存、设计和其他属性u可以为模拟的硬件按钮和软键编写事件处理代码u其主要限制在于无法模拟性能保存状态保存状态 可以应用

3、现有的自定义外观或编写自己的外观文件可以应用现有的自定义外观或编写自己的外观文件 在在Visual Studio 2005中使用设备仿真器中使用设备仿真器 安装安装Windows Mobile 5.0 Pocket PC SDK和和Windows Mobile 5.0 启动和停止启动和停止 设置设置Microsoft ActiveSync同步同步 设置网络连接设置网络连接 浏览网页浏览网页 开发移动开发移动Web应用应用移动移动Web应用概述应用概述运行和调试移动运行和调试移动Web应用应用移动设备检测与页面重定向移动设备检测与页面重定向创建移动创建移动Web表单表单移动移动Web表单对不同设

4、备的响应表单对不同设备的响应移动应用概述移动应用概述 开发移动应用开发移动应用 u移动Web应用于普通的Web应用可以宿主在同一个站点下u但是由于终端设备不一致，对于页面和控件的使用还是存在一定的差异 uASP.NET 提供了一个专用于移动 Web 开发的 System.Web.Mobile 命名空间，有两套比较成熟的模式可用于开发移动Web应用：可以从 MobilePage 基类中创建网页并从 System.Web.Mobile 命名空间中添加控件 ASP.NET 2.0 还提供了控件自适应结构，允许用于为 ASP.NET 2.0 Web 服务器控件创建自定义设备适配器 移动应用程序结构移动

5、应用程序结构 u应用程序中分别创建用于桌面浏览器和移动设备浏览器的页 u为移动设备浏览器开发的页将呈现逻辑细分为较小的部分移动移动Web应用服务器控件和统一适配器结构应用服务器控件和统一适配器结构 u与普通的ASP.NET 2.0 Web应用一样，移动Web应用服务器控件都遵从统一适配器结构 u可为每个设备创建自定义适配器，并使 ASP.NET 页框架在访问我们的页时使用这些适配器 演示和练习：开发演示和练习：开发Hello World移动移动Web应用应用 多媒体演示多媒体演示运行和调试移动运行和调试移动Web应用应用 将仿真器安装为移动将仿真器安装为移动Web应用程序浏览器应用程序浏览器

6、更改当前的默认应用程序浏览器更改当前的默认应用程序浏览器 如果我们需要恢复以前的设置，可以从浏览器列表如果我们需要恢复以前的设置，可以从浏览器列表中删除仿真器中删除仿真器 移动设备检测与页面重定向移动设备检测与页面重定向 使用使用Request.Browser检测移动设备检测移动设备 考虑对多数设备的支持考虑对多数设备的支持 u许多移动设备都不支持Cookies，因此应该在移动应用程序中避免使用它们u有一些移动设备不能接收相对URL，例如上述例子中的MobileForms/default.aspx 创建移动创建移动Web表单表单 使用使用 ASP.NET移动移动Web表单设计器表单设计器uVi

7、sual Studio 2005提供了ASP.NET 移动页面设计器 ，同设计一般Web应用基本一致 移动移动Web页面的特征页面的特征 u每个移动Web页面一般包括多个窗体，当用户完成每个窗体的时候，通过编程方式切换u通常会将每个控件放置在新的一行中 ，也可以通过设置BreakAfter属性来调整控件使其在同一行中对齐 使用移动服务器控件使用移动服务器控件 与普通与普通Web服务器控件相比，移动服务器服务器控件相比，移动服务器 数量相对数量相对较少，其控件的特性也相对简单较少，其控件的特性也相对简单 这些控件都在这些控件都在System.Web.UI.MobileControls命名空间命名

8、空间下，并且都继承于下，并且都继承于MobileControl类类 其中其中Panel、Label、TextBox、List、Calendar、AdRotator和验证控件等的属性和使用跟以前基本一和验证控件等的属性和使用跟以前基本一致致 MobileControl 重要属性重要属性名称 说明 BreakAfter 获取或设置用于确定是否在控件后呈现附加尾随换行符的属性。此换行符使后续内容从下一行开始。默认为 trueDeviceSpecific 获取或设置与控件关联的 DeviceSpecific/Choice 构造。如果不存在此类构造，则访问器返回 nullMobilePage 返回包含页

9、VisibleWeight 返回该控件的大致权重（以字符为单位）Wrapping 获取或设置样式的指定换行模式。默认值为 NotSetMobileControl 重要方法重要方法名称 说明 AddLinkedForms 将一组窗体添加到提供的列表中，这些窗体包含到指定控件的链接 ApplyStyleSheetSkin 已重写。 将页样式表中定义的样式属性应用到控件CreateDefaultTemplatedUI 由设备适配器调用，以创建控件的默认模板化用户界面 (UI) EnsureTemplatedUI 使用此方法可以确保已对模板进行了实例化，以允许对模板的实例化内容进行编程访问 GetTe

10、mplate 返回具有指定名称的模板。IsVisibleOnPage 返回一个值，该值指示控件在窗体的给定页上是否可见。用于窗体分页 PaginateRecursive 对此控件及其子控件进行分页 MobileControl 重要方法重要方法名称 说明 RenderChildren 将服务器控件子级的内容输出到提供的 HtmlTextWriter 对象，此对象编写将在客户端呈现的内容ResolveFormReference 返回由名称参数引用的窗体对象 ResolveUrl 将 URL 转换为在请求客户端可用的 URL 部分移动控件部分移动控件 控件名称控件名称功能描述功能描述PhoneCal

11、l这个控件呈现了一个用户可以用来单击来放置调用程序的按钮。在设计的时候，我们可以指定号码来调用按钮的外观和不同的URLSelectionList显示项列表，并使用户可以选择其中的一项或多项。根据参数设置的不同，应用程序可以将 SelectionList 控件呈现为下拉列表框、选择列表框、一组复选框或一组单选按钮列表ObjectList显示数据集合（如数据库）的多个视图。对象列表中的每个项或对象都可以被认为是数据库中的一条记录。像数据库记录一样，ObjectList 控件中的对象也包含字段。每个字段都存储数据。应用程序必须使用数据绑定才能将数据填充到对象列表中DeviceSpecific这个控件

12、可以用来提供仅仅是在某个特定类型的设备请求页面的时候才被呈现出来的标记PhoneCallPhoneCall 控件必须放在控件必须放在 Form 或或 Panel 控件中，或控件中，或者放在控件的模板中者放在控件的模板中 PhoneCall.Text向用户显示一个字符串，使用向用户显示一个字符串，使用 PhoneNumber 属性可设置呼叫的号码属性可设置呼叫的号码如果用户的移动设备不支持打电话功能，则如果用户的移动设备不支持打电话功能，则 PhoneCall 控件将根据在控件将根据在 AlternateFormat 属性中指定属性中指定的格式字符串显示文本的格式字符串显示文本 ObjectLi

13、st ObjectList 控件显示数据集合的摘要视图和详细视控件显示数据集合的摘要视图和详细视图图将将 ObjectList 控件绑定到控件绑定到 DataView 或或 DataSet 对象，对象，或绑定到实现或绑定到实现 IEnumerable 接口的任何其他对象上接口的任何其他对象上演示和练习：比较完整的一些移动应用演示和练习：比较完整的一些移动应用 多媒体演示多媒体演示移动移动Web表单对不同设备的响应表单对不同设备的响应 设备筛选器设备筛选器 使用使用DeviceSpecific元素元素/控件响应不同设备控件响应不同设备 创建移动创建移动Web用户控件用户控件 设备筛选器设备筛选器

14、设备筛选器概述设备筛选器概述 使用使用Visual Studio管理设备筛选器管理设备筛选器 演示和练习：创建委托鉴别筛选器演示和练习：创建委托鉴别筛选器 设备筛选器概述设备筛选器概述它是一组判别设备浏览器支持的相关技术参数的标准它是一组判别设备浏览器支持的相关技术参数的标准 在在Web配置文件中的配置文件中的Configuration/system.web/ deviceFilters 节点节点下配置设备筛选器配置下配置设备筛选器配置两种类型的设备筛选器提供计了不同的计算机制：两种类型的设备筛选器提供计了不同的计算机制：u相等比较：与当前设备支持的功能进行比较u鉴别委托：可以通过函数自定义，

15、适合更复杂的设备筛选完成的任务完成的任务u根据设备类型选择样式u支持在功能较强的设备上使用更为丰富的表现形式的呈现控件u在显示功能受限制的设备上，使用更为简单的表现形式呈现控件使用使用Visual Studio管理设备筛选器管理设备筛选器演示和练习：创建委托鉴别筛选器演示和练习：创建委托鉴别筛选器 多媒体演示多媒体演示使用使用DeviceSpecific元素元素/控件响应不同设备控件响应不同设备应用设备筛选器应用设备筛选器 在在Choice节点中重写属性节点中重写属性在模板控件中应用设备筛选器在模板控件中应用设备筛选器 使用使用DeviceSpecific控件控件 演示和练习：在演示和练习：在

16、Form中设置不同的页面模板中设置不同的页面模板 应用设备筛选器应用设备筛选器 在属性窗口中在属性窗口中 “已应用的设备筛选器已应用的设备筛选器”对话框中对话框中 ，可视化添加设备是选器可视化添加设备是选器也可在源视图中手工添加也可在源视图中手工添加 在在Choice节点中重写属性节点中重写属性属性/子元素说明xmlns系统自动设置FilterFilterName必须为一个可用的、在站点Web.config文件节点处定义的设备筛选器的名称Property overrides 我们可用在DeviceSpecific/Choice构造中为控件的属性设置值。也就是说我们可以在每个元素中为控件对应不同

17、的设备筛选器设置不同的属性值Template elements使用这个属性指定一些模板化的控件例如Form、Panel、List和ObjectList控件，它允许页面在呈现时将我们定义的内容整合到这些控件中在模板控件中应用设备筛选器在模板控件中应用设备筛选器 通过模板可以设定网页特定内容样式的控件或元素，通过模板可以设定网页特定内容样式的控件或元素，用于美化用于美化 ASP.NET 移动控件的外观，或为特定类型移动控件的外观，或为特定类型的硬件自定义移动控件的硬件自定义移动控件在在Visual Studio中，使用模板主要分为两个主要的步中，使用模板主要分为两个主要的步骤骤 ：u选择已应用的设备筛选器 u编辑模板 使用使用DeviceSpecific控件控件 对于容器控件，对于容器控件，ASP.NET 移动设计器将移动设计器将 DeviceSpecific 元素表示为控件元素表示为控件设置方法与在模板中应用设备筛选器一致设置方法与在模板中应用设备筛选器一致演示和练习：在演示和练习：在Form中设置不同的页面模板中设置不同的页面模板 多媒体演示多媒体演