1、第第15章章創(chuàng)建移動(dòng)創(chuàng)建移動(dòng)Web應(yīng)用應(yīng)用內(nèi)容內(nèi)容開發(fā)環(huán)境開發(fā)環(huán)境 開發(fā)移動(dòng)開發(fā)移動(dòng)Web應(yīng)用應(yīng)用 開發(fā)環(huán)境開發(fā)環(huán)境移動(dòng)終端設(shè)備概述移動(dòng)終端設(shè)備概述微軟設(shè)備仿真程序微軟設(shè)備仿真程序在在Visual Studio 2005中使用設(shè)備仿真程序中使用設(shè)備仿真程序移動(dòng)終端設(shè)備概述移動(dòng)終端設(shè)備概述我們開發(fā)的移動(dòng)我們開發(fā)的移動(dòng)Web應(yīng)用最終將要呈現(xiàn)的終端設(shè)備應(yīng)用最終將要呈現(xiàn)的終端設(shè)備主要指支持主要指支持Window Mobile 5.0的智能手機(jī)，主要包的智能手機(jī)，主要包括兩大類：括兩大類： u支持Windows Mobile 5.0 Pocket PC的手機(jī) u支持Windows Mobile 5.0

2、Smartphone的手機(jī) 微軟設(shè)備仿真程序微軟設(shè)備仿真程序 功能功能 u運(yùn)行針對(duì) ARM 處理器而不是 x86 處理器編譯的代碼u支持與 ActiveSync 的同步u支持更多的開發(fā)環(huán)境，包括 Visual Studio 2005、Visual Studio .NET 2003 和 embedded Visual C+ 4.0 (Service Pack 4)u支持 GAPI適應(yīng)性適應(yīng)性 u可以像配置一個(gè)真正的硬件平臺(tái)一樣，對(duì)此虛擬硬件平臺(tái)進(jìn)行配置u可以指定屏幕分辨率和方向、內(nèi)存、設(shè)計(jì)和其他屬性u(píng)可以為模擬的硬件按鈕和軟鍵編寫事件處理代碼u其主要限制在于無法模擬性能保存狀態(tài)保存狀態(tài) 可以應(yīng)用

3、現(xiàn)有的自定義外觀或編寫自己的外觀文件可以應(yīng)用現(xiàn)有的自定義外觀或編寫自己的外觀文件 在在Visual Studio 2005中使用設(shè)備仿真器中使用設(shè)備仿真器 安裝安裝Windows Mobile 5.0 Pocket PC SDK和和Windows Mobile 5.0 啟動(dòng)和停止啟動(dòng)和停止 設(shè)置設(shè)置Microsoft ActiveSync同步同步 設(shè)置網(wǎng)絡(luò)連接設(shè)置網(wǎng)絡(luò)連接 瀏覽網(wǎng)頁瀏覽網(wǎng)頁 開發(fā)移動(dòng)開發(fā)移動(dòng)Web應(yīng)用應(yīng)用移動(dòng)移動(dòng)Web應(yīng)用概述應(yīng)用概述運(yùn)行和調(diào)試移動(dòng)運(yùn)行和調(diào)試移動(dòng)Web應(yīng)用應(yīng)用移動(dòng)設(shè)備檢測(cè)與頁面重定向移動(dòng)設(shè)備檢測(cè)與頁面重定向創(chuàng)建移動(dòng)創(chuàng)建移動(dòng)Web表單表單移動(dòng)移動(dòng)Web表單對(duì)不同設(shè)

4、備的響應(yīng)表單對(duì)不同設(shè)備的響應(yīng)移動(dòng)應(yīng)用概述移動(dòng)應(yīng)用概述 開發(fā)移動(dòng)應(yīng)用開發(fā)移動(dòng)應(yīng)用 u移動(dòng)Web應(yīng)用于普通的Web應(yīng)用可以宿主在同一個(gè)站點(diǎn)下u但是由于終端設(shè)備不一致，對(duì)于頁面和控件的使用還是存在一定的差異 uASP.NET 提供了一個(gè)專用于移動(dòng) Web 開發(fā)的 System.Web.Mobile 命名空間，有兩套比較成熟的模式可用于開發(fā)移動(dòng)Web應(yīng)用：可以從 MobilePage 基類中創(chuàng)建網(wǎng)頁并從 System.Web.Mobile 命名空間中添加控件 ASP.NET 2.0 還提供了控件自適應(yīng)結(jié)構(gòu)，允許用于為 ASP.NET 2.0 Web 服務(wù)器控件創(chuàng)建自定義設(shè)備適配器 移動(dòng)應(yīng)用程序結(jié)構(gòu)移動(dòng)

5、應(yīng)用程序結(jié)構(gòu) u應(yīng)用程序中分別創(chuàng)建用于桌面瀏覽器和移動(dòng)設(shè)備瀏覽器的頁 u為移動(dòng)設(shè)備瀏覽器開發(fā)的頁將呈現(xiàn)邏輯細(xì)分為較小的部分移動(dòng)移動(dòng)Web應(yīng)用服務(wù)器控件和統(tǒng)一適配器結(jié)構(gòu)應(yīng)用服務(wù)器控件和統(tǒng)一適配器結(jié)構(gòu) u與普通的ASP.NET 2.0 Web應(yīng)用一樣，移動(dòng)Web應(yīng)用服務(wù)器控件都遵從統(tǒng)一適配器結(jié)構(gòu) u可為每個(gè)設(shè)備創(chuàng)建自定義適配器，并使 ASP.NET 頁框架在訪問我們的頁時(shí)使用這些適配器 演示和練習(xí)：開發(fā)演示和練習(xí)：開發(fā)Hello World移動(dòng)移動(dòng)Web應(yīng)用應(yīng)用 多媒體演示多媒體演示運(yùn)行和調(diào)試移動(dòng)運(yùn)行和調(diào)試移動(dòng)Web應(yīng)用應(yīng)用 將仿真器安裝為移動(dòng)將仿真器安裝為移動(dòng)Web應(yīng)用程序?yàn)g覽器應(yīng)用程序?yàn)g覽器

6、更改當(dāng)前的默認(rèn)應(yīng)用程序?yàn)g覽器更改當(dāng)前的默認(rèn)應(yīng)用程序?yàn)g覽器 如果我們需要恢復(fù)以前的設(shè)置，可以從瀏覽器列表如果我們需要恢復(fù)以前的設(shè)置，可以從瀏覽器列表中刪除仿真器中刪除仿真器 移動(dòng)設(shè)備檢測(cè)與頁面重定向移動(dòng)設(shè)備檢測(cè)與頁面重定向 使用使用Request.Browser檢測(cè)移動(dòng)設(shè)備檢測(cè)移動(dòng)設(shè)備 考慮對(duì)多數(shù)設(shè)備的支持考慮對(duì)多數(shù)設(shè)備的支持 u許多移動(dòng)設(shè)備都不支持Cookies，因此應(yīng)該在移動(dòng)應(yīng)用程序中避免使用它們u有一些移動(dòng)設(shè)備不能接收相對(duì)URL，例如上述例子中的MobileForms/default.aspx 創(chuàng)建移動(dòng)創(chuàng)建移動(dòng)Web表單表單 使用使用 ASP.NET移動(dòng)移動(dòng)Web表單設(shè)計(jì)器表單設(shè)計(jì)器uVi

7、sual Studio 2005提供了ASP.NET 移動(dòng)頁面設(shè)計(jì)器 ，同設(shè)計(jì)一般Web應(yīng)用基本一致 移動(dòng)移動(dòng)Web頁面的特征頁面的特征 u每個(gè)移動(dòng)Web頁面一般包括多個(gè)窗體，當(dāng)用戶完成每個(gè)窗體的時(shí)候，通過編程方式切換u通常會(huì)將每個(gè)控件放置在新的一行中 ，也可以通過設(shè)置BreakAfter屬性來調(diào)整控件使其在同一行中對(duì)齊 使用移動(dòng)服務(wù)器控件使用移動(dòng)服務(wù)器控件 與普通與普通Web服務(wù)器控件相比，移動(dòng)服務(wù)器服務(wù)器控件相比，移動(dòng)服務(wù)器 數(shù)量相對(duì)數(shù)量相對(duì)較少，其控件的特性也相對(duì)簡單較少，其控件的特性也相對(duì)簡單 這些控件都在這些控件都在System.Web.UI.MobileControls命名空間命名

8、空間下，并且都繼承于下，并且都繼承于MobileControl類類 其中其中Panel、Label、TextBox、List、Calendar、AdRotator和驗(yàn)證控件等的屬性和使用跟以前基本一和驗(yàn)證控件等的屬性和使用跟以前基本一致致 MobileControl 重要屬性重要屬性名稱 說明 BreakAfter 獲取或設(shè)置用于確定是否在控件后呈現(xiàn)附加尾隨換行符的屬性。此換行符使后續(xù)內(nèi)容從下一行開始。默認(rèn)為 trueDeviceSpecific 獲取或設(shè)置與控件關(guān)聯(lián)的 DeviceSpecific/Choice 構(gòu)造。如果不存在此類構(gòu)造，則訪問器返回 nullMobilePage 返回包含頁

9、VisibleWeight 返回該控件的大致權(quán)重（以字符為單位）Wrapping 獲取或設(shè)置樣式的指定換行模式。默認(rèn)值為 NotSetMobileControl 重要方法重要方法名稱 說明 AddLinkedForms 將一組窗體添加到提供的列表中，這些窗體包含到指定控件的鏈接 ApplyStyleSheetSkin 已重寫。 將頁樣式表中定義的樣式屬性應(yīng)用到控件CreateDefaultTemplatedUI 由設(shè)備適配器調(diào)用，以創(chuàng)建控件的默認(rèn)模板化用戶界面 (UI) EnsureTemplatedUI 使用此方法可以確保已對(duì)模板進(jìn)行了實(shí)例化，以允許對(duì)模板的實(shí)例化內(nèi)容進(jìn)行編程訪問 GetTe

10、mplate 返回具有指定名稱的模板。IsVisibleOnPage 返回一個(gè)值，該值指示控件在窗體的給定頁上是否可見。用于窗體分頁 PaginateRecursive 對(duì)此控件及其子控件進(jìn)行分頁 MobileControl 重要方法重要方法名稱 說明 RenderChildren 將服務(wù)器控件子級(jí)的內(nèi)容輸出到提供的 HtmlTextWriter 對(duì)象，此對(duì)象編寫將在客戶端呈現(xiàn)的內(nèi)容ResolveFormReference 返回由名稱參數(shù)引用的窗體對(duì)象 ResolveUrl 將 URL 轉(zhuǎn)換為在請(qǐng)求客戶端可用的 URL 部分移動(dòng)控件部分移動(dòng)控件 控件名稱控件名稱功能描述功能描述PhoneCal

11、l這個(gè)控件呈現(xiàn)了一個(gè)用戶可以用來單擊來放置調(diào)用程序的按鈕。在設(shè)計(jì)的時(shí)候，我們可以指定號(hào)碼來調(diào)用按鈕的外觀和不同的URLSelectionList顯示項(xiàng)列表，并使用戶可以選擇其中的一項(xiàng)或多項(xiàng)。根據(jù)參數(shù)設(shè)置的不同，應(yīng)用程序可以將 SelectionList 控件呈現(xiàn)為下拉列表框、選擇列表框、一組復(fù)選框或一組單選按鈕列表ObjectList顯示數(shù)據(jù)集合（如數(shù)據(jù)庫）的多個(gè)視圖。對(duì)象列表中的每個(gè)項(xiàng)或?qū)ο蠖伎梢员徽J(rèn)為是數(shù)據(jù)庫中的一條記錄。像數(shù)據(jù)庫記錄一樣，ObjectList 控件中的對(duì)象也包含字段。每個(gè)字段都存儲(chǔ)數(shù)據(jù)。應(yīng)用程序必須使用數(shù)據(jù)綁定才能將數(shù)據(jù)填充到對(duì)象列表中DeviceSpecific這個(gè)控件

12、可以用來提供僅僅是在某個(gè)特定類型的設(shè)備請(qǐng)求頁面的時(shí)候才被呈現(xiàn)出來的標(biāo)記PhoneCallPhoneCall 控件必須放在控件必須放在 Form 或或 Panel 控件中，或控件中，或者放在控件的模板中者放在控件的模板中 PhoneCall.Text向用戶顯示一個(gè)字符串，使用向用戶顯示一個(gè)字符串，使用 PhoneNumber 屬性可設(shè)置呼叫的號(hào)碼屬性可設(shè)置呼叫的號(hào)碼如果用戶的移動(dòng)設(shè)備不支持打電話功能，則如果用戶的移動(dòng)設(shè)備不支持打電話功能，則 PhoneCall 控件將根據(jù)在控件將根據(jù)在 AlternateFormat 屬性中指定屬性中指定的格式字符串顯示文本的格式字符串顯示文本 ObjectLi

13、st ObjectList 控件顯示數(shù)據(jù)集合的摘要視圖和詳細(xì)視控件顯示數(shù)據(jù)集合的摘要視圖和詳細(xì)視圖圖將將 ObjectList 控件綁定到控件綁定到 DataView 或或 DataSet 對(duì)象，對(duì)象，或綁定到實(shí)現(xiàn)或綁定到實(shí)現(xiàn) IEnumerable 接口的任何其他對(duì)象上接口的任何其他對(duì)象上演示和練習(xí)：比較完整的一些移動(dòng)應(yīng)用演示和練習(xí)：比較完整的一些移動(dòng)應(yīng)用 多媒體演示多媒體演示移動(dòng)移動(dòng)Web表單對(duì)不同設(shè)備的響應(yīng)表單對(duì)不同設(shè)備的響應(yīng) 設(shè)備篩選器設(shè)備篩選器 使用使用DeviceSpecific元素元素/控件響應(yīng)不同設(shè)備控件響應(yīng)不同設(shè)備 創(chuàng)建移動(dòng)創(chuàng)建移動(dòng)Web用戶控件用戶控件 設(shè)備篩選器設(shè)備篩選器

14、設(shè)備篩選器概述設(shè)備篩選器概述 使用使用Visual Studio管理設(shè)備篩選器管理設(shè)備篩選器 演示和練習(xí)：創(chuàng)建委托鑒別篩選器演示和練習(xí)：創(chuàng)建委托鑒別篩選器 設(shè)備篩選器概述設(shè)備篩選器概述它是一組判別設(shè)備瀏覽器支持的相關(guān)技術(shù)參數(shù)的標(biāo)準(zhǔn)它是一組判別設(shè)備瀏覽器支持的相關(guān)技術(shù)參數(shù)的標(biāo)準(zhǔn) 在在Web配置文件中的配置文件中的Configuration/system.web/ deviceFilters 節(jié)點(diǎn)節(jié)點(diǎn)下配置設(shè)備篩選器配置下配置設(shè)備篩選器配置兩種類型的設(shè)備篩選器提供計(jì)了不同的計(jì)算機(jī)制：兩種類型的設(shè)備篩選器提供計(jì)了不同的計(jì)算機(jī)制：u相等比較：與當(dāng)前設(shè)備支持的功能進(jìn)行比較u鑒別委托：可以通過函數(shù)自定義，

15、適合更復(fù)雜的設(shè)備篩選完成的任務(wù)完成的任務(wù)u根據(jù)設(shè)備類型選擇樣式u支持在功能較強(qiáng)的設(shè)備上使用更為豐富的表現(xiàn)形式的呈現(xiàn)控件u在顯示功能受限制的設(shè)備上，使用更為簡單的表現(xiàn)形式呈現(xiàn)控件使用使用Visual Studio管理設(shè)備篩選器管理設(shè)備篩選器演示和練習(xí)：創(chuàng)建委托鑒別篩選器演示和練習(xí)：創(chuàng)建委托鑒別篩選器 多媒體演示多媒體演示使用使用DeviceSpecific元素元素/控件響應(yīng)不同設(shè)備控件響應(yīng)不同設(shè)備應(yīng)用設(shè)備篩選器應(yīng)用設(shè)備篩選器 在在Choice節(jié)點(diǎn)中重寫屬性節(jié)點(diǎn)中重寫屬性在模板控件中應(yīng)用設(shè)備篩選器在模板控件中應(yīng)用設(shè)備篩選器 使用使用DeviceSpecific控件控件 演示和練習(xí)：在演示和練習(xí)：在

16、Form中設(shè)置不同的頁面模板中設(shè)置不同的頁面模板 應(yīng)用設(shè)備篩選器應(yīng)用設(shè)備篩選器 在屬性窗口中在屬性窗口中 “已應(yīng)用的設(shè)備篩選器已應(yīng)用的設(shè)備篩選器”對(duì)話框中對(duì)話框中 ，可視化添加設(shè)備是選器可視化添加設(shè)備是選器也可在源視圖中手工添加也可在源視圖中手工添加 在在Choice節(jié)點(diǎn)中重寫屬性節(jié)點(diǎn)中重寫屬性屬性/子元素說明xmlns系統(tǒng)自動(dòng)設(shè)置FilterFilterName必須為一個(gè)可用的、在站點(diǎn)Web.config文件節(jié)點(diǎn)處定義的設(shè)備篩選器的名稱Property overrides 我們可用在DeviceSpecific/Choice構(gòu)造中為控件的屬性設(shè)置值。也就是說我們可以在每個(gè)元素中為控件對(duì)應(yīng)不同

17、的設(shè)備篩選器設(shè)置不同的屬性值Template elements使用這個(gè)屬性指定一些模板化的控件例如Form、Panel、List和ObjectList控件，它允許頁面在呈現(xiàn)時(shí)將我們定義的內(nèi)容整合到這些控件中在模板控件中應(yīng)用設(shè)備篩選器在模板控件中應(yīng)用設(shè)備篩選器 通過模板可以設(shè)定網(wǎng)頁特定內(nèi)容樣式的控件或元素，通過模板可以設(shè)定網(wǎng)頁特定內(nèi)容樣式的控件或元素，用于美化用于美化 ASP.NET 移動(dòng)控件的外觀，或?yàn)樘囟愋鸵苿?dòng)控件的外觀，或?yàn)樘囟愋偷挠布远x移動(dòng)控件的硬件自定義移動(dòng)控件在在Visual Studio中，使用模板主要分為兩個(gè)主要的步中，使用模板主要分為兩個(gè)主要的步驟驟 ：u選擇已應(yīng)用的設(shè)備篩選器 u編輯模板 使用使用DeviceSpecific控件控件 對(duì)于容器控件，對(duì)于容器控件，ASP.NET 移動(dòng)設(shè)計(jì)器將移動(dòng)設(shè)計(jì)器將 DeviceSpecific 元素表示為控件元素表示為控件設(shè)置方法與在模板中應(yīng)用設(shè)備篩選器一致設(shè)置方法與在模板中應(yīng)用設(shè)備篩選器一致演示和練習(xí)：在演示和練習(xí)：在Form中設(shè)置不同的頁面模板中設(shè)置不同的頁面模板 多媒體演示多媒體演