本發(fā)明專(zhuān)利技術(shù)公開(kāi)了一種在終端中實(shí)現(xiàn)應(yīng)用界面的方法和系統(tǒng)，所述方法包括：確定待實(shí)現(xiàn)的應(yīng)用界面中包含的可由網(wǎng)頁(yè)組件模擬的界面組件；通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬所述界面組件的網(wǎng)頁(yè)組件；使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件，生成網(wǎng)頁(yè)形式的應(yīng)用界面；在操作文件中設(shè)置應(yīng)用界面中網(wǎng)頁(yè)組件的操作事件，當(dāng)網(wǎng)頁(yè)組件的操作事件被觸發(fā)時(shí)，通過(guò)終端應(yīng)用平臺(tái)PhoneGap調(diào)用終端的系統(tǒng)資源完成所述操作事件。本發(fā)明專(zhuān)利技術(shù)能夠解決使用不同操作系統(tǒng)的終端中應(yīng)用界面實(shí)現(xiàn)方式互不兼容的問(wèn)題，通過(guò)本發(fā)明專(zhuān)利技術(shù)中技術(shù)方案實(shí)現(xiàn)的應(yīng)用界面能夠用于各種終端中，取得了顯著降低開(kāi)發(fā)成本的有益效果。
【技術(shù)實(shí)現(xiàn)步驟摘要】
本專(zhuān)利技術(shù)涉及電子信息
，具體涉及ー種在終端中實(shí)現(xiàn)應(yīng)用界面的方法和系統(tǒng)。
技術(shù)介紹
現(xiàn)有技術(shù)中，終端上使用的操作系統(tǒng)多種多祥，例如IOS (蘋(píng)果終端的手機(jī)操作系-XAndroid (安卓操作系統(tǒng))，WP7 (微軟終端操作系統(tǒng))等。各個(gè)終端操作系統(tǒng)中都有自己的應(yīng)用界面實(shí)現(xiàn)方式，如Android的Layout, xml, WP的xaml等。將終端按終端中所用操作系統(tǒng)進(jìn)行分類(lèi)，各種終端自身的應(yīng)用界面實(shí)現(xiàn)方式互不兼容。因此，當(dāng)在不同終端中加載應(yīng)用時(shí)，需要針對(duì)每種終端單獨(dú)開(kāi)發(fā)對(duì)應(yīng)于該終端的應(yīng)用界面。由此，造成應(yīng)用開(kāi)發(fā)成本的顯著增加。
技術(shù)實(shí)現(xiàn)思路
鑒于上述問(wèn)題，提出了本專(zhuān)利技術(shù)以便提供一種在終端中實(shí)現(xiàn)應(yīng)用界面的方法和系統(tǒng)，以解決使用不同操作系統(tǒng)的終端中應(yīng)用界面實(shí)現(xiàn)方式互不兼容的問(wèn)題。依據(jù)本專(zhuān)利技術(shù)的ー個(gè)方面，提供了一種在終端中實(shí)現(xiàn)應(yīng)用界面的方法，所述方法包括確定待實(shí)現(xiàn)的應(yīng)用界面中包含的可由網(wǎng)頁(yè)組件模擬的界面組件；通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬所述界面組件的網(wǎng)頁(yè)組件；使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件，生成網(wǎng)頁(yè)形式的應(yīng)用界面；在操作文件中設(shè)置應(yīng)用界面中網(wǎng)頁(yè)組件的操作事件，當(dāng)網(wǎng)頁(yè)組件的操作事件被觸發(fā)時(shí)，通過(guò)終端應(yīng)用平臺(tái)PhoneGap調(diào)用終端的系統(tǒng)資源完成所述操作事件。其中，所述使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件具體包括當(dāng)所述應(yīng)用界面中不加載外部網(wǎng)頁(yè)時(shí)，根據(jù)所述網(wǎng)頁(yè)組件生成用于模擬應(yīng)用界面的網(wǎng)頁(yè)，使用所述WebView加載該生成的網(wǎng)頁(yè)。其中，所述使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件具體包括當(dāng)所述應(yīng)用界面中加載外部網(wǎng)頁(yè)時(shí),使用所述WebView加載所述外部網(wǎng)頁(yè),調(diào)動(dòng)所述WebView的虛擬瀏覽器客戶端WebViewClient的網(wǎng)頁(yè)加載模塊onPageFinished在所述外部網(wǎng)頁(yè)中插入所述網(wǎng)頁(yè)組件。其中，所述方法還包括確定待實(shí)現(xiàn)的應(yīng)用界面中包含的不可由網(wǎng)頁(yè)組件模擬的界面組件；采用終端本地提供的界面組件實(shí)現(xiàn)方式生成所述界面組件，并設(shè)置所述界面組件的操作事件，使用應(yīng)用中通用容器加載所述界面組件；當(dāng)界面組件的操作事件被觸發(fā)時(shí)，直接調(diào)用終端的系統(tǒng)資源完成所述操作事件。其中，所述可由網(wǎng)頁(yè)組件模擬的界面組件至少包括下列組件之一文本框、標(biāo)簽、按鈕、表格、圖片、菜單欄和進(jìn)度條。依據(jù)本專(zhuān)利技術(shù)的ー個(gè)方面，提供了一種在終端中實(shí)現(xiàn)應(yīng)用界面的系統(tǒng)，所述系統(tǒng)包括組件確定模塊，適于確定待實(shí)現(xiàn)的應(yīng)用界面中包含的可由網(wǎng)頁(yè)組件模擬的界面組件； 組件生成模塊，適于通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬所述界面組件的網(wǎng)頁(yè)組件；組件加載模塊，適于使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件，生成網(wǎng)頁(yè)形式的應(yīng)用界面；操作事件完成模塊，適于在操作文件中設(shè)置應(yīng)用界面中網(wǎng)頁(yè)組件的操作事件，當(dāng)網(wǎng)頁(yè)組件的操作事件被觸發(fā)時(shí)，通過(guò)終端應(yīng)用平臺(tái)PhoneGap調(diào)用終端的系統(tǒng)資源完成所述操作事件。其中，所述組件加載模塊，具體適于當(dāng)所述應(yīng)用界面中不加載外部網(wǎng)頁(yè)時(shí)，根據(jù)所述網(wǎng)頁(yè)組件生成用于模擬應(yīng)用界面的網(wǎng)頁(yè)，使用所述WebView加載該生成的網(wǎng)頁(yè)。其中，所述組件加載模塊，具體適于當(dāng)所述應(yīng)用界面中加載外部網(wǎng)頁(yè)時(shí)，使用所述WebView加載所述外部網(wǎng)頁(yè),調(diào)動(dòng)所述WebView的虛擬瀏覽器客戶端WebViewClient的網(wǎng)頁(yè)加載模塊onPageFinished在所述外部網(wǎng)頁(yè)中插入所述網(wǎng)頁(yè)組件。其中，所述組件確定模塊，還適于確定待實(shí)現(xiàn)的應(yīng)用界面中包含的不可由網(wǎng)頁(yè)組件模擬的界面組件；所述組件生成模塊，還適于采用終端本地提供的界面組件實(shí)現(xiàn)方式生成所述界面組件，并設(shè)置所述界面組件的操作事件；所述組件加載模塊，還適于使用應(yīng)用中通用容器加載所述界面組件；所述操作事件完成模塊，還適于當(dāng)界面組件的操作事件被觸發(fā)時(shí)，直接調(diào)用終端的系統(tǒng)資源完成所述操作事件。其中，所述可由網(wǎng)頁(yè)組件模擬的界面組件至少包括下列組件之一文本框、標(biāo)簽、按鈕、表格、圖片、菜單欄和進(jìn)度條。根據(jù)本專(zhuān)利技術(shù)提供的技術(shù)方案，其中，對(duì)于應(yīng)用界面中可由網(wǎng)頁(yè)組件模擬的界面組件，通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬該界面組件的網(wǎng)頁(yè)組件，使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載生成的網(wǎng)頁(yè)組件，并進(jìn)一歩生成網(wǎng)頁(yè)形式的應(yīng)用界面，然后在操作文件中設(shè)置應(yīng)用界面中網(wǎng)頁(yè)組件的操作事件，當(dāng)網(wǎng)頁(yè)組件的操作事件被觸發(fā)時(shí)，通過(guò)終端應(yīng)用平臺(tái)PhoneGap調(diào)用終端的系統(tǒng)資源完成該操作事件。由于，各個(gè)終端的操作系統(tǒng)都支持WebView，因此通過(guò)HTML和CSS生成的網(wǎng)頁(yè)組件可以被成功加載到使用各種終端中，而且通常使用的應(yīng)用界面中的界面組件都可以由網(wǎng)頁(yè)組件模擬，使得采用網(wǎng)頁(yè)組件模擬界面組件來(lái)實(shí)現(xiàn)應(yīng)用界面的技術(shù)方案能夠被大多數(shù)應(yīng)用支持。可見(jiàn)，本專(zhuān)利技術(shù)中技術(shù)方案能夠解決使用不同操作系統(tǒng)的終端中應(yīng)用界面實(shí)現(xiàn)方式互不兼容的問(wèn)題，通過(guò)本專(zhuān)利技術(shù)中技術(shù)方案實(shí)現(xiàn)的應(yīng)用界面能夠用于各種終端中，取得了顯著降低開(kāi)發(fā)成本的有益效果。上述說(shuō)明僅是本專(zhuān)利技術(shù)技術(shù)方案的概述，為了能夠更清楚了解本專(zhuān)利技術(shù)的技術(shù)手段，而可依照說(shuō)明書(shū)的內(nèi)容予以實(shí)施，并且為了讓本專(zhuān)利技術(shù)的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本專(zhuān)利技術(shù)的具體實(shí)施方式。附圖說(shuō)明通過(guò)閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本專(zhuān)利技術(shù)的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中圖1示出了根據(jù)本專(zhuān)利技術(shù)一個(gè)實(shí)施例的在終端中實(shí)現(xiàn)應(yīng)用界面的系統(tǒng)的結(jié)構(gòu)圖；圖2示出了根據(jù)本專(zhuān)利技術(shù)一個(gè)實(shí)施例的用于模擬應(yīng)用界面的網(wǎng)頁(yè)的示意圖；圖3示出了根據(jù)本專(zhuān)利技術(shù)一個(gè)實(shí)施例的加載有外部網(wǎng)頁(yè)的應(yīng)用界面的示意圖；以及圖4示出了根據(jù)本專(zhuān)利技術(shù)一個(gè)實(shí)施例的實(shí)施例的在終端中實(shí)現(xiàn)應(yīng)用界面的方法的流程圖。具體實(shí)施例方式下面將參照附圖更詳細(xì)地描述本公開(kāi)的示例性實(shí)施例。雖然附圖中顯示了本公開(kāi)的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開(kāi)而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開(kāi)，并且能夠?qū)⒈竟_(kāi)的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。參見(jiàn)圖1，示出了根據(jù)本專(zhuān)利技術(shù)一個(gè)實(shí)施例的在終端中實(shí)現(xiàn)應(yīng)用界面的系統(tǒng)的結(jié)構(gòu)圖。所述系統(tǒng)包括組件確定模塊110、組件生成模塊120、組件加載模塊130和操作事件完成模塊140。所述終端可以為任意終端設(shè)備，例如，個(gè)人計(jì)算機(jī)、手機(jī)等。優(yōu)選地，所述終端為手機(jī)。組件確定模塊110，適于確定待實(shí)現(xiàn)的應(yīng)用界面中包含的可由網(wǎng)頁(yè)組件模擬的界面組件。普通應(yīng)用界面中的界面組件都可以由網(wǎng)頁(yè)組件模擬。舉例而言，可由網(wǎng)頁(yè)組件模擬的界面組件包括下列組件文本框、標(biāo)簽、按鈕、表格、圖片、菜單欄和進(jìn)度條。組件生成模塊120，適于通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬界面組件的網(wǎng)頁(yè)組件。其中，使用HTML定義網(wǎng)頁(yè)組件，使用CSS對(duì)網(wǎng)頁(yè)組件的風(fēng)格進(jìn)行設(shè)置。例如，通過(guò)HTML定義了ー個(gè)菜單欄，其中定義有菜單欄的標(biāo)題，CSS則對(duì)菜單欄中標(biāo)題的字體，菜單欄的大小、菜單欄背景的顔色等進(jìn)行設(shè)置。又例如，通過(guò)HTML定義了一個(gè)按鈕，其中定義按鈕中顯示的文字，CSS則對(duì)按鈕中文字的字體，按鈕的大小、顔色等進(jìn)行設(shè)置。具體設(shè)置的內(nèi)容依據(jù)要實(shí)現(xiàn)的界面組件的效果而定。由此生成本文檔來(lái)自技高網(wǎng)...
【技術(shù)保護(hù)點(diǎn)】
一種在終端中實(shí)現(xiàn)應(yīng)用界面的方法，所述方法包括：確定待實(shí)現(xiàn)的應(yīng)用界面中包含的可由網(wǎng)頁(yè)組件模擬的界面組件；通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬所述界面組件的網(wǎng)頁(yè)組件；使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件，生成網(wǎng)頁(yè)形式的應(yīng)用界面；在操作文件中設(shè)置應(yīng)用界面中網(wǎng)頁(yè)組件的操作事件，當(dāng)網(wǎng)頁(yè)組件的操作事件被觸發(fā)時(shí)，通過(guò)終端應(yīng)用平臺(tái)PhoneGap調(diào)用終端的系統(tǒng)資源完成所述操作事件。
【技術(shù)特征摘要】
1.一種在終端中實(shí)現(xiàn)應(yīng)用界面的方法，所述方法包括 確定待實(shí)現(xiàn)的應(yīng)用界面中包含的可由網(wǎng)頁(yè)組件模擬的界面組件； 通過(guò)超文本標(biāo)記語(yǔ)言HTML和風(fēng)格樣式表CSS生成用于模擬所述界面組件的網(wǎng)頁(yè)組件； 使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件，生成網(wǎng)頁(yè)形式的應(yīng)用界面； 在操作文件中設(shè)置應(yīng)用界面中網(wǎng)頁(yè)組件的操作事件，當(dāng)網(wǎng)頁(yè)組件的操作事件被觸發(fā)時(shí)，通過(guò)終端應(yīng)用平臺(tái)PhoneGap調(diào)用終端的系統(tǒng)資源完成所述操作事件。2.根據(jù)權(quán)利要求1所述的方法，其中， 所述使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件具體包括 當(dāng)所述應(yīng)用界面中不加載外部網(wǎng)頁(yè)時(shí)，根據(jù)所述網(wǎng)頁(yè)組件生成用于模擬應(yīng)用界面的網(wǎng)頁(yè)，使用所述WebView加載該生成的網(wǎng)頁(yè)。3.根據(jù)權(quán)利要求1所述的方法，其中， 所述使用應(yīng)用的網(wǎng)頁(yè)容器WebView加載所述網(wǎng)頁(yè)組件具體包括 當(dāng)所述應(yīng)用界面中加載外部網(wǎng)頁(yè)時(shí)，使用所述WebView加載所述外部網(wǎng)頁(yè),調(diào)動(dòng)所述WebView的虛擬瀏覽器客戶端WebViewClient的網(wǎng)頁(yè)加載模塊onPageFinished在所述外部網(wǎng)頁(yè)中插入所述網(wǎng)頁(yè)組件。4.根據(jù)權(quán)利要求1至3任一項(xiàng)所述的方法，其中，所述方法還包括 確定待實(shí)現(xiàn)的應(yīng)用界面中包含的不可由網(wǎng)頁(yè)組件模擬的界面組件； 采用終端本地提供的界面組件實(shí)現(xiàn)方式生成所述界面組件，并設(shè)置所述界面組件的操作事件，使用應(yīng)用中通用容器加載所述界面組件； 當(dāng)界面組件的操作事件被觸發(fā)時(shí)，直接調(diào)用終端的系統(tǒng)資源完成所述操作事件。5.根據(jù)權(quán)利要求1至3任一項(xiàng)所述的方法，其中， 所述可由網(wǎng)頁(yè)組件模擬的界面組件至少包括下列組件之一文本框、標(biāo)簽、按鈕、表格、圖片、菜單欄和進(jìn)度條。6.—種在終端中實(shí)現(xiàn)應(yīng)用界面的系統(tǒng)，所述系統(tǒng)...
【專(zhuān)利技術(shù)屬性】
技術(shù)研發(fā)人員：楊永樂(lè)，
申請(qǐng)(專(zhuān)利權(quán))人：北京奇虎科技有限公司，奇智軟件北京有限公司，
類(lèi)型：發(fā)明
國(guó)別省市：
還沒(méi)有人留言評(píng)論。發(fā)表了對(duì)其他瀏覽者有用的留言會(huì)獲得科技券。