[發明專利]應用界面實現方法和系統

在審

• 申請號: 201210469293.9
• 申請日: 2012-11-19
• 公開（公告）號: CN102999336A
• 公開（公告）日: 2013-03-27
• 發明（設計）人: 楊永樂
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京市隆安律師事務所 11323
• 代理人: 權鮮枝;董垚

技術領域

本發明涉及電子信息技術領域，具體涉及一種應用界面實現方法和系統。

背景技術

現有技術中，終端上使用的操作系統多種多樣，例如IOS（蘋果終端的手機操作系統），Android（安卓操作系統），WP7（微軟終端操作系統）等。各個終端操作系統中都有自己的應用界面實現方式，如Android的Layout.xml，WP的xaml等。將終端按終端中所用操作系統進行分類，各種終端自身的應用界面實現方式互不兼容。

因此，當在不同終端中加載應用時，需要針對每種終端單獨開發對應于該終端的應用界面。由此，造成應用開發成本的顯著增加。

發明內容

鑒于上述問題，提出了本發明以便提供一種應用界面實現方法和系統，以解決使用不同操作系統的終端中應用界面實現方式互不兼容的問題。

依據本發明的一個方面，提供了一種應用界面實現方法，所述方法包括：

確定待實現的應用界面中包含的可由網頁組件模擬的界面組件；

通過超文本標記語言HTML和風格樣式表CSS生成用于模擬所述界面組件的網頁組件；

使用應用的網頁容器WebView加載所述網頁組件，生成網頁形式的應用界面；

在操作文件中設置應用界面中網頁組件的操作事件，當網頁組件的操作事件被觸發時，通過終端應用平臺PhoneGap調用終端的系統資源完成所述操作事件；

確定待實現的應用界面中包含的不可由網頁組件模擬的界面組件；

采用終端本地提供的界面組件實現方式生成所述界面組件，并設置所述界面組件的操作事件，使用應用中通用容器加載所述界面組件；

當界面組件的操作事件被觸發時，直接調用終端的系統資源完成所述操作事件。

其中，所述使用應用的網頁容器WebView加載所述網頁組件具體包括：

當所述應用界面中不加載外部網頁時，根據所述網頁組件生成用于模擬應用界面的網頁，使用所述WebView加載該生成的網頁。

其中，所述使用應用的網頁容器WebView加載所述網頁組件具體包括：

當所述應用界面中加載外部網頁時，使用所述WebView加載所述外部網頁，調動所述WebView的虛擬瀏覽器客戶端WebViewClient的網頁加載模塊onPageFinished在所述外部網頁中插入所述網頁組件。

其中，所述可由網頁組件模擬的界面組件至少包括下列組件之一：文本框、標簽、按鈕、表格、圖片、菜單欄和進度條。

依據本發明的一個方面，提供了一種應用界面實現系統，所述系統包括：

組件確定模塊，適于確定待實現的應用界面中包含的可由網頁組件模擬的界面組件；

組件生成模塊，適于通過超文本標記語言HTML和風格樣式表CSS生成用于模擬所述界面組件的網頁組件；

組件加載模塊，適于使用應用的網頁容器WebView加載所述網頁組件，生成網頁形式的應用界面；

操作事件完成模塊，適于在操作文件中設置應用界面中網頁組件的操作事件，當網頁組件的操作事件被觸發時，通過終端應用平臺PhoneGap調用終端的系統資源完成所述操作事件；

其中，所述組件確定模塊，還適于確定待實現的應用界面中包含的不可由網頁組件模擬的界面組件；

所述組件生成模塊，還適于采用終端本地提供的界面組件實現方式生成所述界面組件，并設置所述界面組件的操作事件；

所述組件加載模塊，還適于使用應用中通用容器加載所述界面組件；

所述操作事件完成模塊，還適于當界面組件的操作事件被觸發時，直接調用終端的系統資源完成所述操作事件。

其中，所述組件加載模塊，具體適于當所述應用界面中不加載外部網頁時，根據所述網頁組件生成用于模擬應用界面的網頁，使用所述WebView加載該生成的網頁。

其中，所述組件加載模塊，具體適于當所述應用界面中加載外部網頁時，使用所述WebView加載所述外部網頁，調動所述WebView的虛擬瀏覽器客戶端WebViewClient的網頁加載模塊onPageFinished在所述外部網頁中插入所述網頁組件。

其中，所述可由網頁組件模擬的界面組件至少包括下列組件之一：文本框、標簽、按鈕、表格、圖片、菜單欄和進度條。