[發(fā)明專利]移動設(shè)備網(wǎng)頁窗體生成方法

有效

• 申請?zhí)枺?/td>: 201110320809.9
• 申請日: 2011-10-21
• 公開（公告）號: CN102541534A
• 公開（公告）日: 2012-07-04
• 發(fā)明（設(shè)計）人: 林裕勛;黃一平
• 申請（專利權(quán)）人: 鼎捷軟件股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 上海明成云知識產(chǎn)權(quán)代理有限公司 31232
• 代理人: 常明

技術(shù)領(lǐng)域

本發(fā)明涉及網(wǎng)頁窗體生成方法，特別涉及一種移動設(shè)備網(wǎng)頁窗體生成的方法。

背景技術(shù)

隨著移動設(shè)備如智能手機的功能提升、購入門坎降低、3G與WiFi等無線通信的普及，移動上網(wǎng)的人數(shù)已越來越多，通過移動瀏覽器瀏覽網(wǎng)頁已成為移動用戶接收信息的重要管道。

移動設(shè)備如手機(mobile?phone)、平板計算機(tablet?PC)或個人數(shù)字助理(PDA)等上的瀏覽器（以下簡稱移動瀏覽器）種類多，支持的網(wǎng)頁技術(shù)（如：HTML、JavaScript、CSS等）標準不一，而且移動設(shè)備的顯示屏尺寸多樣，造成網(wǎng)頁在不同的移動瀏覽器內(nèi)有著不同的呈現(xiàn)結(jié)果。

企業(yè)數(shù)據(jù)儲存于數(shù)據(jù)庫，為結(jié)構(gòu)化數(shù)據(jù)。針對企業(yè)移動用戶所發(fā)展的應(yīng)用，例如：客戶查詢、商品查詢、訂單查詢/修改等，為了讓用戶的用戶容易閱讀及修改數(shù)據(jù)，必須清楚顯示字段卷標與字段內(nèi)容，并且排列整齊，所以通常以窗體（form）方式呈現(xiàn)。

為了提高易用性（usability），窗體的呈現(xiàn)以不出現(xiàn)橫向滾動條為前提。在表單域數(shù)較多的情況下，出現(xiàn)縱向滾動條是有其必要的，但是如果同時出現(xiàn)橫向滾動條，使用者必定難以操作。

為了達到窗體式呈現(xiàn)的最佳效果，通常采用表格式布局（table?layout）。如果不用表格式布局，而用絕對尋址方式設(shè)定控件顯示位置與大小，因為移動瀏覽器特性不同，呈現(xiàn)出來的結(jié)果往往不一致。

采用表格式布局，就是在網(wǎng)頁設(shè)計時使用Table（如HTML<table>tag），將頁面控件放置在表格內(nèi)適當?shù)腃ell（即HTML<tr><td>tag），并且在設(shè)計時間將窗體定義完成。目前某些高級手機如iPhone、Android?Phone可支持這樣的布局方式，達到窗體正常顯示的效果，但仍有以下缺點：

1、在設(shè)計時間完成窗體排版，需要較多的開發(fā)工時。

2、因為執(zhí)行時不得出現(xiàn)橫向滾動條，在設(shè)計時間，必須對每一種移動設(shè)備，根據(jù)其屏幕大小（特別指寬度）做針對性的設(shè)計。

對于企業(yè)應(yīng)用軟件開發(fā)者而言，如果不能有效克服網(wǎng)頁窗體在不同移動瀏覽器內(nèi)的呈現(xiàn)一致性問題，而必須對個別移動瀏覽器做針對性的設(shè)計，那么勢必會降低軟件開發(fā)的生產(chǎn)力。

有鑒于此，尋求一種移動設(shè)備網(wǎng)頁窗體生成方法成為該領(lǐng)域技術(shù)人員的追求目標。

發(fā)明內(nèi)容

本發(fā)明的任務(wù)是提供一種移動設(shè)備網(wǎng)頁窗體生成方法，它克服了上述現(xiàn)有技術(shù)的缺點，針對網(wǎng)頁窗體在不同移動瀏覽器內(nèi)呈現(xiàn)的一致性要求，提出一種解決方案：藉由復(fù)合控件的設(shè)計，可避免因移動瀏覽器解譯方式差異造成網(wǎng)頁窗體呈現(xiàn)不一致的問題，可適應(yīng)不同的移動瀏覽器。

本發(fā)明的技術(shù)解決方案如下：

一種移動設(shè)備網(wǎng)頁窗體生成方法，包括以下步驟：

提供至少一復(fù)合控件，所述每一復(fù)合控件系由一第一子控件及至少一第二子控件卷標組合而成，所述復(fù)合控件應(yīng)用于一移動設(shè)備網(wǎng)頁；

將所述所有復(fù)合控件的所述第一子控件設(shè)定為靠單邊對齊；以及

根據(jù)所述移動設(shè)備網(wǎng)頁的寬度及所述所有復(fù)合控件的寬度，將所述第二子控件進行折行。

將所述復(fù)合控件顯示于所述移動設(shè)備網(wǎng)頁。

所述靠單邊對齊的步驟，包括以下步驟：

取出所述所有復(fù)合控件的所述第一子控件寬度，計算出其中的最大值；以及

將所述所有復(fù)合控件的所述第一子控件的寬度設(shè)定為所述最大值，且設(shè)定為靠單邊對齊。

將所述第二子控件進行折行的步驟，包括以下步驟：

根據(jù)所述最大值，計算所述每一復(fù)合控件的所述第一子控件及所述第二子控件的一總寬度；以及

當所述總寬度超過該移動設(shè)備網(wǎng)頁的寬度時，則將所述第二子控件進行折行，且同時增加所述復(fù)合控件第一子控件的一個行跨度。

計算所述每一復(fù)合控件的所述總寬度步驟，包括以下步驟：

加總所述第一子控件的寬度及所述一第一個第二子控件的寬度為所述總寬度；以及

當所述總寬度未超出所述移動設(shè)備網(wǎng)頁的寬度時，則加總所述總寬度及所述一第二個第二子控件的寬度為所述總寬度。

所述靠單邊對齊為左邊對齊。

所述靠單邊對齊為右邊對齊。