本申請(qǐng)涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域,特別涉及一種界面中對(duì)象的控制方法和裝置。
背景技術(shù):
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展,通過互聯(lián)網(wǎng)獲取需要的信息已經(jīng)成為一種非常普遍的方式。用可通過瀏覽器或者其他應(yīng)用程序查詢、獲取互聯(lián)網(wǎng)上的各種資源。瀏覽器或其他應(yīng)用程序可通過網(wǎng)頁或者應(yīng)用程序界面為用戶提供各種資源和信息,如圖片、文字、動(dòng)畫等。其中,網(wǎng)頁或者應(yīng)用程序提供的界面中除了包含網(wǎng)站導(dǎo)航信息之外,還可包括一些定期或不定期更新的對(duì)象,推廣活動(dòng)、推薦內(nèi)容等。為了使用戶能夠及時(shí)方便地獲取這類對(duì)象,需要對(duì)這類對(duì)象的提供進(jìn)行特殊的控制。
目前,可將這類對(duì)象在網(wǎng)頁或者應(yīng)用程序界面中比較凸顯的位置進(jìn)行提供,以便于引起用戶的注意。但是,仍然存在的問題是,這類對(duì)象在網(wǎng)頁或者應(yīng)用程序界面中所占的區(qū)域如果太小,則難以達(dá)到引起用戶注意的目的,而如果其所占的區(qū)域如果太大,則會(huì)影響頁面中其他信息的展示,不便于用戶對(duì)其他信息的瀏覽和獲取。因此,目前的界面中對(duì)象的控制方式仍有待改進(jìn)。
技術(shù)實(shí)現(xiàn)要素:
本申請(qǐng)旨在至少在一定程度上解決上述技術(shù)問題。
為此,本申請(qǐng)的第一個(gè)目的在于提出一種界面中對(duì)象的控制方法,能夠在不影響用戶瀏覽界面中其他信息的同時(shí),靈活地控制預(yù)設(shè)類型的對(duì)象進(jìn)行突出顯示,便于用戶獲取信息。
本申請(qǐng)的第二個(gè)目的在于提出一種界面中對(duì)象的控制裝置。
為達(dá)上述目的,根據(jù)本申請(qǐng)第一方面實(shí)施例提出了一種界面中對(duì)象的控制方法,包括以下步驟:獲取終端的當(dāng)前活動(dòng)界面;如果所述當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)所述當(dāng)前活動(dòng)界面的操作行為;如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到所述用戶針對(duì)所述當(dāng)前活動(dòng)界面的操作行為,則提取所述預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材;根據(jù)所述素材生成顯示界面,并在所述終端中顯示所述顯示界面。
本申請(qǐng)實(shí)施例的界面中對(duì)象的控制方法,通過對(duì)用戶針對(duì)具有預(yù)設(shè)類型的對(duì)象的當(dāng)前活動(dòng)界面的操作行為進(jìn)行監(jiān)聽,并在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶的操作行為時(shí),獲取預(yù)設(shè)類型的 對(duì)象對(duì)應(yīng)的素材,并生成顯示界面以對(duì)素材進(jìn)行顯示,可在用戶在預(yù)設(shè)時(shí)間內(nèi)未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作時(shí),對(duì)預(yù)設(shè)類型的對(duì)象的內(nèi)容進(jìn)行突出顯示,并且可靈活調(diào)整顯示界面中顯示內(nèi)容的尺寸,使顯示的內(nèi)容更加完整,從而能夠在不影響用戶瀏覽界面中其他信息的同時(shí),對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行突出顯示,控制方式更加靈活,更便于用戶獲取信息,提升了用戶體驗(yàn)。
本申請(qǐng)第二方面實(shí)施例提供了一種界面中對(duì)象的控制裝置,包括:獲取模塊,用于獲取終端的當(dāng)前活動(dòng)界面;監(jiān)聽模塊,用于如果所述當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)所述當(dāng)前活動(dòng)界面的操作行為;提取模塊,用于如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到所述用戶針對(duì)所述當(dāng)前活動(dòng)界面的操作行為,則提取所述預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材;生成模塊,用于根據(jù)所述素材生成顯示界面,并在所述終端中顯示所述顯示界面。
本申請(qǐng)實(shí)施例的界面中對(duì)象的控制裝置,通過對(duì)用戶針對(duì)具有預(yù)設(shè)類型的對(duì)象的當(dāng)前活動(dòng)界面的操作行為進(jìn)行監(jiān)聽,并在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶的操作行為時(shí),獲取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材,并生成顯示界面以對(duì)素材進(jìn)行顯示,可在用戶在預(yù)設(shè)時(shí)間內(nèi)未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作時(shí),對(duì)預(yù)設(shè)類型的對(duì)象的內(nèi)容進(jìn)行突出顯示,并且可靈活調(diào)整顯示界面中顯示內(nèi)容的尺寸,使顯示的內(nèi)容更加完整,從而能夠在不影響用戶瀏覽界面中其他信息的同時(shí),對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行突出顯示,控制方式更加靈活,更便于用戶獲取信息,提升了用戶體驗(yàn)。
本申請(qǐng)的附加方面和優(yōu)點(diǎn)將在下面的描述中部分給出,部分將從下面的描述中變得明顯,或通過本申請(qǐng)的實(shí)踐了解到。
附圖說明
本申請(qǐng)的上述和/或附加的方面和優(yōu)點(diǎn)從結(jié)合下面附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解,其中:
圖1為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的界面中對(duì)象的控制方法的流程圖;
圖2根據(jù)本申請(qǐng)實(shí)施例的網(wǎng)頁中的網(wǎng)頁橫幅在四種不同屏幕尺寸的終端上全屏顯示的示意圖;
圖3為根據(jù)本申請(qǐng)一個(gè)具體實(shí)施例的界面中對(duì)象的控制方法的流程圖;
圖4為根據(jù)本申請(qǐng)另一個(gè)具體實(shí)施例的界面中對(duì)象的控制方法的流程圖;
圖5為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的界面中對(duì)象的控制裝置的結(jié)構(gòu)示意圖;
圖6為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的界面中對(duì)象的控制裝置的結(jié)構(gòu)示意圖。
具體實(shí)施方式
下面詳細(xì)描述本申請(qǐng)的實(shí)施例,所述實(shí)施例的示例在附圖中示出,其中自始至終相同或類似的標(biāo)號(hào)表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實(shí)施例是示例性的,僅用于解釋本申請(qǐng),而不能理解為對(duì)本申請(qǐng)的限制。
在本申請(qǐng)的描述中,需要理解的是,術(shù)語“中心”、“縱向”、“橫向”、“上”、“下”、“前”、“后”、“左”、“右”、“豎直”、“水平”、“頂”、“底”、“內(nèi)”、“外”等指示的方位或位置關(guān)系為基于附圖所示的方位或位置關(guān)系,僅是為了便于描述本申請(qǐng)和簡(jiǎn)化描述,而不是指示或暗示所指的裝置或元件必須具有特定的方位、以特定的方位構(gòu)造和操作,因此不能理解為對(duì)本申請(qǐng)的限制。此外,術(shù)語“第一”、“第二”僅用于描述目的,而不能理解為指示或暗示相對(duì)重要性。
在本申請(qǐng)的描述中,需要說明的是,除非另有明確的規(guī)定和限定,術(shù)語“安裝”、“相連”、“連接”應(yīng)做廣義理解,例如,可以是固定連接,也可以是可拆卸連接,或一體地連接;可以是機(jī)械連接,也可以是電連接;可以是直接相連,也可以通過中間媒介間接相連,可以是兩個(gè)元件內(nèi)部的連通。對(duì)于本領(lǐng)域的普通技術(shù)人員而言,可以具體情況理解上述術(shù)語在本申請(qǐng)中的具體含義。
下面參考附圖描述根據(jù)本申請(qǐng)實(shí)施例的界面中對(duì)象的控制方法和裝置。
圖1為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的界面中對(duì)象的控制方法的流程圖。
如圖1所示,根據(jù)本申請(qǐng)實(shí)施例的界面中對(duì)象的控制方法,包括:
S101,獲取終端的當(dāng)前活動(dòng)界面。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)窗口是指終端最前端顯示的界面,即用戶指令焦點(diǎn)所在窗口。例如,用戶瀏覽網(wǎng)頁時(shí),用戶當(dāng)前瀏覽的網(wǎng)頁即為當(dāng)前活動(dòng)界面。
在本申請(qǐng)的實(shí)施例中,當(dāng)前活動(dòng)界面可以由終端中任意應(yīng)用程序提供。
S102,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,預(yù)設(shè)類型的對(duì)象具有預(yù)設(shè)標(biāo)識(shí),該預(yù)設(shè)標(biāo)識(shí)可由界面開發(fā)者在開發(fā)界面時(shí)進(jìn)行標(biāo)注。預(yù)設(shè)類型的對(duì)象可以是文字、靜態(tài)圖片、動(dòng)態(tài)圖片、動(dòng)畫文字及其組合等。在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,預(yù)設(shè)類型的對(duì)象為網(wǎng)頁頁面中的推廣內(nèi)容。
在獲取終端的當(dāng)前活動(dòng)界面之后,可判斷當(dāng)前活動(dòng)界面中是否顯示有預(yù)設(shè)類型的對(duì)象。具體地,可判斷可在當(dāng)前活動(dòng)界面對(duì)應(yīng)的界面文件中查找是否存儲(chǔ)預(yù)設(shè)標(biāo)識(shí),如果有,則當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
舉例來說,如果當(dāng)前活動(dòng)界面為網(wǎng)頁頁面,則可通過根據(jù)已加載的網(wǎng)頁文件對(duì)應(yīng)的DOM(Document Object Model,文檔對(duì)象模型)樹中查找是否具有預(yù)設(shè)標(biāo)識(shí),如果有,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為可包括鼠標(biāo)操作、觸摸操作、鍵盤操作等。具 體地,可通過監(jiān)聽鼠標(biāo)位移事件、鍵盤事件、頁面狀態(tài)等判斷用戶是否針對(duì)當(dāng)前活動(dòng)界面有操作行為。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則可通過Javascript(一種基于對(duì)象和事件驅(qū)動(dòng)的客戶端腳本語言)中的setTimeout或setInterval計(jì)時(shí)器監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。具體地,可通過計(jì)時(shí)器記錄當(dāng)前時(shí)間距用戶上一次操作時(shí)間的時(shí)間間隔,并在每次監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為時(shí),將計(jì)時(shí)器的記錄清零,重新記錄,由此可實(shí)現(xiàn)對(duì)用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為的監(jiān)聽,并可獲取用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間。
S103,如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,則提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材。
如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,即用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間大于預(yù)設(shè)時(shí)間,則可認(rèn)為用戶暫時(shí)并沒有關(guān)注當(dāng)前活動(dòng)界面,也就是說用戶未在瀏覽當(dāng)前活動(dòng)界面中的內(nèi)容,因此可提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材,并執(zhí)行S104以生成顯示界面,并在終端中顯示。
其中,顯示界面的尺寸可以是當(dāng)前活動(dòng)界面的顯示窗口的尺寸,或者終端顯示屏的尺寸,還可以是預(yù)設(shè)的其他尺寸??捎捎脩舾鶕?jù)需求設(shè)定,也可由系統(tǒng)默認(rèn)設(shè)定。
在本申請(qǐng)的一個(gè)實(shí)施例中,每個(gè)預(yù)設(shè)類型的對(duì)象都具有對(duì)應(yīng)的素材庫,該素材庫可以存儲(chǔ)在本地(終端),作為一種優(yōu)選的方案素材庫也可以存儲(chǔ)在服務(wù)器中。素材庫中存儲(chǔ)有構(gòu)成相應(yīng)的預(yù)設(shè)類型的對(duì)象的文字元素、背景圖、主題圖等,或者存儲(chǔ)有已經(jīng)按照不同的窗口尺寸組合好的界面模板。從而,可根據(jù)設(shè)定的顯示界面的尺寸查詢素材庫中是否有與該尺寸匹配的界面模板,如果有提取該界面模板,如果沒有,則從中提取出預(yù)設(shè)類型的對(duì)象的文字元素、背景圖、主題圖等素材。
S104,根據(jù)素材生成顯示界面,并在終端中顯示該顯示界面。
具體地,可根據(jù)設(shè)定的顯示界面的尺寸在顯示窗口中生成一個(gè)與顯示窗口的尺寸一致的浮層容器,然后根據(jù)設(shè)定的顯示界面的尺寸確定生成顯示界面所需要展示的內(nèi)容的尺寸,并根據(jù)該尺寸對(duì)提取到的素材進(jìn)行等比縮放、剪裁或者組合等處理,以生成顯示界面,并在終端中進(jìn)行顯示,從而達(dá)到了對(duì)預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的內(nèi)容的突出顯示,便于終端的用戶以及其附近的用戶讀取這部分內(nèi)容,有利于信息的推廣。
在本申請(qǐng)的一個(gè)實(shí)施例中,還可包括獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸的步驟,并根據(jù)顯示窗口的尺寸和上述素材生成顯示界面,并在終端中顯示。具體地,可通過調(diào)用Javascript函數(shù)器計(jì)算或通過CSS媒體查詢顯示窗口尺寸。
應(yīng)當(dāng)理解,在本申請(qǐng)的實(shí)施例中,該顯示界面還可以是全屏顯示界面。具體地,可獲取 終端顯示屏的尺寸,并生成一個(gè)與終端顯示屏的尺寸一致的浮層容器,然后根據(jù)終端顯示屏的尺寸確定各個(gè)素材的尺寸,并據(jù)此對(duì)素材進(jìn)行等比縮放、剪裁或者組合等處理,以生成全屏顯示界面,并進(jìn)行顯示。
在本申請(qǐng)的一個(gè)實(shí)施例中,顯示窗口中所顯示的預(yù)設(shè)類型的對(duì)象可為多個(gè),且多個(gè)預(yù)設(shè)類型的對(duì)象是按照預(yù)設(shè)規(guī)則顯示的。其中,預(yù)設(shè)規(guī)則可包括顯示順序、每個(gè)對(duì)象的顯示時(shí)間等。此時(shí),可根據(jù)多個(gè)預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材分別生成多個(gè)顯示界面,即根據(jù)每個(gè)預(yù)設(shè)類型的對(duì)象分別生成一個(gè)顯示界面,從而得到多個(gè)顯示界面。然后可在終端中按照顯示對(duì)象的預(yù)設(shè)規(guī)則顯示生成的多個(gè)顯示界面,即與顯示窗口中多個(gè)對(duì)象的顯示順序以及每個(gè)對(duì)象的顯示時(shí)間相應(yīng)地顯示多個(gè)顯示界面。
本申請(qǐng)的實(shí)施例,可根據(jù)不同終端或應(yīng)程序界面的尺寸靈活的控制顯示界面中預(yù)設(shè)類型的對(duì)象的素材的尺寸,以使其內(nèi)容更加完整。圖2根據(jù)本申請(qǐng)實(shí)施例的網(wǎng)頁中的網(wǎng)頁橫幅在四種不同屏幕尺寸的終端上全屏顯示的示意圖。如圖2所示,區(qū)域a所示的網(wǎng)頁橫幅在b、c、d、d四種不同屏幕尺寸的終端上顯示的四種不同尺寸以及組合方式。由此可見,可根據(jù)顯示屏的尺寸對(duì)預(yù)設(shè)類型的對(duì)象的素材的尺寸、組合方式等進(jìn)行調(diào)整,能夠滿足不同顯示尺寸的需求,從而能夠在不同尺寸的顯示屏上盡可能完整的顯示預(yù)設(shè)類型的對(duì)象的內(nèi)容。
在本申請(qǐng)的一個(gè)優(yōu)選的實(shí)施例中,還可在顯示界面中顯示網(wǎng)址信息,例如URL(Uniform Resource Locator,統(tǒng)一資源定位符)地址等,以便于其他用戶對(duì)顯示界面所顯示的內(nèi)容感興趣時(shí),可以根據(jù)該網(wǎng)址信息直接進(jìn)入相應(yīng)的網(wǎng)站查看,從而更便于用戶操作。
本申請(qǐng)實(shí)施例的界面中對(duì)象的控制方法,通過對(duì)用戶針對(duì)具有預(yù)設(shè)類型的對(duì)象的當(dāng)前活動(dòng)界面的操作行為進(jìn)行監(jiān)聽,并在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶的操作行為時(shí),獲取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材,并生成顯示界面以對(duì)素材進(jìn)行顯示,可在用戶在預(yù)設(shè)時(shí)間內(nèi)未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作時(shí),對(duì)預(yù)設(shè)類型的對(duì)象的內(nèi)容進(jìn)行突出顯示,并且可靈活調(diào)整顯示界面中顯示內(nèi)容的尺寸,使顯示的內(nèi)容更加完整,從而能夠在不影響用戶瀏覽界面中其他信息的同時(shí),對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行突出顯示,控制方式更加靈活,更便于用戶獲取信息,提升了用戶體驗(yàn)。
在本申請(qǐng)的一個(gè)實(shí)施例中,在終端中進(jìn)行顯示該顯示界面之后,還可包括:接收用戶的操作行為,并控制顯示界面退出,以顯示當(dāng)前活動(dòng)界面的步驟。其中,用戶的的操作行為可以是用戶的針對(duì)顯示界面的任一操作行為,如鼠標(biāo)手勢(shì)(滑動(dòng)、點(diǎn)擊、雙擊等)、觸摸手勢(shì)、鍵盤操作等等。從而能夠根據(jù)用戶操作行為及時(shí)地確定用戶要繼續(xù)使用當(dāng)前活動(dòng)頁面,并主動(dòng)退出對(duì)預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的顯示界面,恢復(fù)初始狀態(tài)(突出顯示之前的狀態(tài)),非常方便靈活,也不會(huì)應(yīng)用戶對(duì)當(dāng)前活動(dòng)界面的使用。
在本申請(qǐng)的一個(gè)實(shí)施例中,素材可包括背景圖、主題圖和文字元素等,因此,可根據(jù)顯 示窗口的尺寸對(duì)背景圖、主題圖和文字元素進(jìn)行排版處理以生成顯示界面。具體地,可根據(jù)顯示窗口的尺寸對(duì)背景圖和文字元素進(jìn)行尺寸調(diào)整,并對(duì)主題圖進(jìn)行尺寸調(diào)整和/或剪裁,然后根據(jù)顯示窗口的尺寸對(duì)調(diào)整后的背景圖、文字元素以及調(diào)整和/或剪裁后的主題圖進(jìn)行組合,以生成顯示界面。圖3為根據(jù)本申請(qǐng)一個(gè)具體實(shí)施例的界面中對(duì)象的控制方法的流程圖。
如圖3所示,該界面中對(duì)象的控制方法,包括:
S301,獲取終端的當(dāng)前活動(dòng)界面。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)窗口是指終端最前端顯示的界面,即用戶指令焦點(diǎn)所在窗口。例如,用戶瀏覽網(wǎng)頁時(shí),用戶當(dāng)前瀏覽的網(wǎng)頁即為當(dāng)前活動(dòng)界面。
在本申請(qǐng)的實(shí)施例中,當(dāng)前活動(dòng)界面可以由終端中任意應(yīng)用程序提供。
S302,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,預(yù)設(shè)類型的對(duì)象具有預(yù)設(shè)標(biāo)識(shí),該預(yù)設(shè)標(biāo)識(shí)可由界面開發(fā)者在開發(fā)界面時(shí)進(jìn)行標(biāo)注。預(yù)設(shè)類型的對(duì)象可以是文字、靜態(tài)圖片、動(dòng)態(tài)圖片、動(dòng)畫文字及其組合等。在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,預(yù)設(shè)類型的對(duì)象為網(wǎng)頁頁面中的推廣內(nèi)容。
在獲取終端的當(dāng)前活動(dòng)界面之后,可判斷當(dāng)前活動(dòng)界面中是否顯示有預(yù)設(shè)類型的對(duì)象。具體地,可判斷可在當(dāng)前活動(dòng)界面對(duì)應(yīng)的界面文件中查找是否存儲(chǔ)預(yù)設(shè)標(biāo)識(shí),如果有,則當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
舉例來說,如果當(dāng)前活動(dòng)界面為網(wǎng)頁頁面,則可通過根據(jù)已加載的網(wǎng)頁文件對(duì)應(yīng)的DOM樹中查找是否具有預(yù)設(shè)標(biāo)識(shí),如果有,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為可包括鼠標(biāo)操作、觸摸操作、鍵盤操作等。具體地,可通過監(jiān)聽鼠標(biāo)位移事件、鍵盤事件、頁面狀態(tài)等判斷用戶是否針對(duì)當(dāng)前活動(dòng)界面有操作行為。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則可通過Javascript(一種基于對(duì)象和事件驅(qū)動(dòng)的客戶端腳本語言)中的setTimeout或setInterval計(jì)時(shí)器監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。具體地,可通過計(jì)時(shí)器記錄當(dāng)前時(shí)間距用戶上一次操作時(shí)間的時(shí)間間隔,并在每次監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為時(shí),將計(jì)時(shí)器的記錄清零,重新記錄,由此可實(shí)現(xiàn)對(duì)用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為的監(jiān)聽,并可獲取用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間。
S303,如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,則獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸,并提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的背景圖、主題圖和文字元素。
如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,即用戶未對(duì)當(dāng)前活動(dòng)界 面進(jìn)行操作的間隔時(shí)間大于預(yù)設(shè)時(shí)間,則可認(rèn)為用戶暫時(shí)并沒有關(guān)注當(dāng)前活動(dòng)界面,也就是說用戶未在瀏覽當(dāng)前活動(dòng)界面中的內(nèi)容,因此可獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸,并執(zhí)行S304以針對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行全屏顯示。
具體地,可通過調(diào)用Javascript函數(shù)器計(jì)算或通過CSS(Cascading Style Sheet,級(jí)聯(lián)樣式表)媒體查詢顯示窗口尺寸。
在本申請(qǐng)的一個(gè)實(shí)施例中,每個(gè)預(yù)設(shè)類型的對(duì)象都具有對(duì)應(yīng)的素材庫,該素材庫可以存儲(chǔ)在本地(終端),作為一種優(yōu)選的方案素材庫也可以存儲(chǔ)在服務(wù)器中。其中,素材庫中的素材可包括背景圖、主題圖和文字元素等。如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,則可從素材庫中提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的背景圖、主題圖和文字元素。
本申請(qǐng)實(shí)施例中的用于顯示當(dāng)前活動(dòng)界面的顯示窗口尺寸可以是顯示當(dāng)前活動(dòng)界面的應(yīng)用程序窗口(例如,瀏覽器窗口)的尺寸,也可以是顯示當(dāng)前活動(dòng)界面的終端的顯示屏的尺寸。用戶可根據(jù)需求設(shè)定,也可由系統(tǒng)默認(rèn)設(shè)定。
S304,根據(jù)顯示窗口的尺寸對(duì)背景圖、主題圖和文字元素進(jìn)行排版處理以生成全屏顯示界面,并在終端中進(jìn)行顯示全屏顯示界面。
在本申請(qǐng)的一個(gè)實(shí)施例中,根據(jù)顯示窗口的尺寸對(duì)背景圖、主題圖和文字元素進(jìn)行排版處理可具體包括:根據(jù)顯示窗口的尺寸對(duì)背景圖和文字元素進(jìn)行尺寸調(diào)整,并對(duì)主題圖進(jìn)行尺寸調(diào)整和/或剪裁;根據(jù)顯示窗口的尺寸對(duì)調(diào)整后的背景圖、文字元素以及調(diào)整和/或剪裁后的主題圖進(jìn)行組合,以生成全屏顯示界面。由于背景圖大多是純色,或者對(duì)分辨率要求不高,因此可將背景圖按照顯示窗口的進(jìn)行放大或剪裁以填充滿整個(gè)顯示窗口,然后對(duì)文字元素和主題圖尺寸以及組合方式進(jìn)行調(diào)整。例如,如果顯示窗口是寬屏窗口,如圖2b-圖2d所示的窗口,則將文字元素與主題圖進(jìn)行橫向組合,如果顯示窗口時(shí)豎屏窗口,如圖e所示的窗口,則將文字元素與主題圖進(jìn)行縱向組合等,還可對(duì)主題圖進(jìn)行適當(dāng)?shù)募舨?,以便于更符合顯示窗口的尺寸以及長寬比。然后,提供一個(gè)與顯示窗口的尺寸一致的浮層容器,并在該浮層容器中顯示該全屏顯示界面。
在本申請(qǐng)的一個(gè)優(yōu)選實(shí)施例中,為了保證圖像的清晰度,素材庫中的素材的尺寸一般來說大于大多數(shù)顯示屏的尺寸,因此,對(duì)主題圖和文字元素進(jìn)行調(diào)整時(shí)大多是采用縮小或剪裁(剪裁僅限于主題圖)的方式。
本申請(qǐng)實(shí)施例的界面中對(duì)象的控制方法,通過提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的背景圖、主題圖和文字元素等,并根據(jù)獲取到的顯示窗口的尺寸對(duì)背景圖和文字元素進(jìn)行尺寸調(diào)整、對(duì)主題圖尺寸調(diào)整和/或剪裁等,然后再進(jìn)行排版組合,能夠針對(duì)預(yù)設(shè)類型的對(duì)象提供更多樣化的全屏展示界面。
在本申請(qǐng)的一個(gè)實(shí)施例中,素材還包括與多個(gè)顯示窗口尺寸分別對(duì)應(yīng)的多個(gè)界面模板, 因此,可在多個(gè)界面模板中選擇與顯示窗口的尺寸對(duì)應(yīng)的界面模板以根據(jù)界面模板生成顯示界面。具體地,圖4為根據(jù)本申請(qǐng)另一個(gè)具體實(shí)施例的界面中對(duì)象的控制方法的流程圖。
如圖4所示,該界面中對(duì)象的控制方法,包括:
S401,獲取終端的當(dāng)前活動(dòng)界面。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)窗口是指終端最前端顯示的界面,即用戶指令焦點(diǎn)所在窗口。例如,用戶瀏覽網(wǎng)頁時(shí),用戶當(dāng)前瀏覽的網(wǎng)頁即為當(dāng)前活動(dòng)界面。
在本申請(qǐng)的實(shí)施例中,當(dāng)前活動(dòng)界面可以由終端中任意應(yīng)用程序提供。
S402,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,預(yù)設(shè)類型的對(duì)象具有預(yù)設(shè)標(biāo)識(shí),該預(yù)設(shè)標(biāo)識(shí)可由界面開發(fā)者在開發(fā)界面時(shí)進(jìn)行標(biāo)注。預(yù)設(shè)類型的對(duì)象可以是文字、靜態(tài)圖片、動(dòng)態(tài)圖片、動(dòng)畫文字及其組合等。在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,預(yù)設(shè)類型的對(duì)象為網(wǎng)頁頁面中的推廣內(nèi)容。
在獲取終端的當(dāng)前活動(dòng)界面之后,可判斷當(dāng)前活動(dòng)界面中是否顯示有預(yù)設(shè)類型的對(duì)象。具體地,可判斷可在當(dāng)前活動(dòng)界面對(duì)應(yīng)的界面文件中查找是否存儲(chǔ)預(yù)設(shè)標(biāo)識(shí),如果有,則當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
舉例來說,如果當(dāng)前活動(dòng)界面為網(wǎng)頁頁面,則可通過根據(jù)已加載的網(wǎng)頁文件對(duì)應(yīng)的DOM樹中查找是否具有預(yù)設(shè)標(biāo)識(shí),如果有,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為可包括鼠標(biāo)操作、觸摸操作、鍵盤操作等。具體地,可通過監(jiān)聽鼠標(biāo)位移事件、鍵盤事件、頁面狀態(tài)等判斷用戶是否針對(duì)當(dāng)前活動(dòng)界面有操作行為。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則可通過Javascript(一種基于對(duì)象和事件驅(qū)動(dòng)的客戶端腳本語言)中的setTimeout或setInterval計(jì)時(shí)器監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。具體地,可通過計(jì)時(shí)器記錄當(dāng)前時(shí)間距用戶上一次操作時(shí)間的時(shí)間間隔,并在每次監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為時(shí),將計(jì)時(shí)器的記錄清零,重新記錄,由此可實(shí)現(xiàn)對(duì)用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為的監(jiān)聽,并可獲取用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間。
S403,如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,則獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸,并提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的界面模板。
如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,即用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間大于預(yù)設(shè)時(shí)間,則可認(rèn)為用戶暫時(shí)并沒有關(guān)注當(dāng)前活動(dòng)界面,也就是說用戶未在瀏覽當(dāng)前活動(dòng)界面中的內(nèi)容,因此可獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸,并執(zhí)行S404以針對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行全屏顯示。
具體地,可通過調(diào)用Javascript函數(shù)器計(jì)算或通過CSS媒體查詢顯示窗口尺寸。
在本申請(qǐng)的一個(gè)實(shí)施例中,每個(gè)預(yù)設(shè)類型的對(duì)象都具有對(duì)應(yīng)的素材庫,該素材庫可以存儲(chǔ)在本地(終端),作為一種優(yōu)選的方案素材庫也可以存儲(chǔ)在服務(wù)器中。其中,素材庫中的素材可包括與多個(gè)顯示窗口尺寸分別對(duì)應(yīng)的多個(gè)界面模板。如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,則可從素材庫中提取出與顯示窗口尺寸相匹配的界面模板,例如,可以是尺寸與顯示窗口一致的界面模板,或者長寬比例與與顯示窗口一致的界面模板。
本申請(qǐng)實(shí)施例中的用于顯示當(dāng)前活動(dòng)界面的顯示窗口尺寸可以是顯示當(dāng)前活動(dòng)界面的應(yīng)用程序窗口(例如,瀏覽器窗口)的尺寸,也可以是顯示當(dāng)前活動(dòng)界面的終端的顯示屏的尺寸。用戶可根據(jù)需求設(shè)定,也可由系統(tǒng)默認(rèn)設(shè)定。
S404,在多個(gè)界面模板中選擇與顯示窗口的尺寸對(duì)應(yīng)的界面模板以根據(jù)界面模板生成全屏顯示界面。
具體地,如果提取的顯示模板的尺寸與顯示窗口的尺寸一致,則可將界面模板作為全屏顯示界面直接在與顯示窗口的尺寸一致的浮層容器中顯示,如果提取的顯示模板的尺寸與顯示窗口的尺寸一致,而長寬比一致,可則按比例進(jìn)行放大或縮小,以得到與顯示窗口尺寸一致的全屏顯示界面,并在浮層容器中進(jìn)行顯示。
本申請(qǐng)實(shí)施例的界面中對(duì)象的控制方法,通過提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的界面模板,并根據(jù)顯示窗口的尺寸對(duì)提取出的界面模板進(jìn)行顯示,或者在進(jìn)行尺寸調(diào)整之后顯示,能夠方便快捷地針對(duì)預(yù)設(shè)類型的對(duì)象提供全屏展示界面。
為了實(shí)現(xiàn)上述實(shí)施例,本申請(qǐng)還提出一種界面中對(duì)象的控制裝置。
圖5為根據(jù)本申請(qǐng)一個(gè)實(shí)施例的界面中對(duì)象的控制裝置的結(jié)構(gòu)示意圖。
如圖5所示,根據(jù)本申請(qǐng)實(shí)施例的界面中對(duì)象的控制裝置,包括:獲取模塊10、監(jiān)聽模塊20、提取模塊30和生成模塊40。
具體地,獲取模塊10用于獲取終端的當(dāng)前活動(dòng)界面。當(dāng)前活動(dòng)界面為網(wǎng)頁頁面,預(yù)設(shè)類型的對(duì)象為網(wǎng)頁頁面中的推廣內(nèi)容。在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)窗口是指終端最前端顯示的界面,即用戶指令焦點(diǎn)所在窗口。例如,用戶瀏覽網(wǎng)頁時(shí),用戶當(dāng)前瀏覽的網(wǎng)頁即為當(dāng)前活動(dòng)界面。
在本申請(qǐng)的實(shí)施例中,當(dāng)前活動(dòng)界面可以由終端中任意應(yīng)用程序提供。
監(jiān)聽模塊20用于如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,預(yù)設(shè)類型的對(duì)象具有預(yù)設(shè)標(biāo)識(shí),該預(yù)設(shè)標(biāo)識(shí)可由界面開發(fā)者在開發(fā)界面時(shí)進(jìn)行標(biāo)注。預(yù)設(shè)類型的對(duì)象可以是文字、靜態(tài)圖片、動(dòng)態(tài)圖片、動(dòng)畫文字及其組合等。在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,預(yù)設(shè)類型的對(duì)象為網(wǎng)頁頁面中的推廣內(nèi)容。
在獲取模塊10獲取終端的當(dāng)前活動(dòng)界面之后,可判斷當(dāng)前活動(dòng)界面中是否顯示有預(yù)設(shè)類型的對(duì)象。更具體地,可判斷可在當(dāng)前活動(dòng)界面對(duì)應(yīng)的界面文件中查找是否存儲(chǔ)預(yù)設(shè)標(biāo)識(shí),如果有,則當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽模塊20監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
舉例來說,如果當(dāng)前活動(dòng)界面為網(wǎng)頁頁面,則可通過根據(jù)已加載的網(wǎng)頁文件對(duì)應(yīng)的DOM樹中查找是否具有預(yù)設(shè)標(biāo)識(shí),如果有,則監(jiān)聽模塊20監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。
其中,用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為可包括鼠標(biāo)操作、觸摸操作、鍵盤操作等。更具體地,監(jiān)聽模塊20可通過監(jiān)聽鼠標(biāo)位移事件、鍵盤事件、頁面狀態(tài)等判斷用戶是否針對(duì)當(dāng)前活動(dòng)界面有操作行為。
在本申請(qǐng)的一個(gè)實(shí)施例中,當(dāng)前活動(dòng)界面可為網(wǎng)頁頁面,如果當(dāng)前活動(dòng)界面中顯示有預(yù)設(shè)類型的對(duì)象,則監(jiān)聽模塊20可通過Javascript(一種基于對(duì)象和事件驅(qū)動(dòng)的客戶端腳本語言)中的setTimeout或setInterval計(jì)時(shí)器監(jiān)聽用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為。具體地,可通過計(jì)時(shí)器記錄當(dāng)前時(shí)間距用戶上一次操作時(shí)間的時(shí)間間隔,并在每次監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為時(shí),將計(jì)時(shí)器的記錄清零,重新記錄,由此可實(shí)現(xiàn)對(duì)用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為的監(jiān)聽,并可獲取用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間。
提取模塊30用于如果在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,則提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材。
如果監(jiān)聽模塊20在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶針對(duì)當(dāng)前活動(dòng)界面的操作行為,即用戶未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作的間隔時(shí)間大于預(yù)設(shè)時(shí)間,則可認(rèn)為用戶暫時(shí)并沒有關(guān)注當(dāng)前活動(dòng)界面,也就是說用戶未在瀏覽當(dāng)前活動(dòng)界面中的內(nèi)容,因此提取模塊30可提取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材,并由生成模塊40針對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行突出顯示。
其中,顯示界面的尺寸可以是當(dāng)前活動(dòng)界面的顯示窗口的尺寸,或者終端顯示屏的尺寸,還可以是預(yù)設(shè)的其他尺寸。可由用戶根據(jù)需求設(shè)定,也可由系統(tǒng)默認(rèn)設(shè)定。
在本申請(qǐng)的一個(gè)實(shí)施例中,每個(gè)預(yù)設(shè)類型的對(duì)象都具有對(duì)應(yīng)的素材庫,該素材庫可以存儲(chǔ)在本地(終端),作為一種優(yōu)選的方案素材庫也可以存儲(chǔ)在服務(wù)器中。素材庫中存儲(chǔ)有構(gòu)成相應(yīng)的預(yù)設(shè)類型的對(duì)象的文字元素、背景圖、主題圖以及已經(jīng)按照不同的窗口尺寸組合好的界面模板。從而,提取模塊30獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸后,可根據(jù)該尺寸從素材庫中提取文字元素、背景圖、主題圖,或者提取界面模板。更具體地,提取模塊30可根據(jù)設(shè)定的顯示界面的尺寸查詢素材庫中是否有與該尺寸匹配的界面模板,如果有提取該界面模板,如果沒有,則從中提取出預(yù)設(shè)類型的對(duì)象的文字元素、背景圖、主題圖等素材。
生成模塊40用于根據(jù)素材生成顯示界面,并在終端中進(jìn)行顯示顯示界面。
更具體地,生成模塊40可根據(jù)設(shè)定的顯示界面的尺寸在顯示窗口中生成一個(gè)與顯示窗口的尺寸一致的浮層容器,然后根據(jù)設(shè)定的顯示界面的尺寸確定生成顯示界面所需要展示的內(nèi)容的尺寸,并根據(jù)該尺寸對(duì)提取到的素材進(jìn)行等比縮放、剪裁或者組合等處理,以生成顯示界面,并在終端中進(jìn)行顯示,從而達(dá)到了對(duì)預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的內(nèi)容的突出顯示,便于終端的用戶以及其附近的用戶讀取這部分內(nèi)容,有利于信息的推廣。
在本申請(qǐng)的一個(gè)實(shí)施例中,生成模塊40具體用于獲取用于顯示當(dāng)前活動(dòng)界面的顯示窗口的尺寸,并根據(jù)顯示窗口的尺寸和上述素材生成顯示界面,并在終端中顯示。更具體地,生成模塊40可通過調(diào)用Javascript函數(shù)器計(jì)算或通過CSS媒體查詢顯示窗口尺寸。
應(yīng)當(dāng)理解,在本申請(qǐng)的實(shí)施例中,該顯示界面還可以是全屏顯示界面。更具體地,生成模塊40可獲取終端顯示屏的尺寸,并生成一個(gè)與終端顯示屏的尺寸一致的浮層容器,然后根據(jù)終端顯示屏的尺寸確定各個(gè)素材的尺寸,并據(jù)此對(duì)素材進(jìn)行等比縮放、剪裁或者組合等處理,以生成全屏顯示界面,并進(jìn)行顯示。
在本申請(qǐng)的一個(gè)實(shí)施例中,顯示窗口中所顯示的預(yù)設(shè)類型的對(duì)象可為多個(gè),且多個(gè)預(yù)設(shè)類型的對(duì)象是按照預(yù)設(shè)規(guī)則顯示的。其中,預(yù)設(shè)規(guī)則可包括顯示順序、每個(gè)對(duì)象的顯示時(shí)間等。此時(shí),生成模塊40可根據(jù)多個(gè)預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材分別生成多個(gè)顯示界面,即根據(jù)每個(gè)預(yù)設(shè)類型的對(duì)象分別生成一個(gè)顯示界面,從而得到多個(gè)顯示界面。然后生成模塊40可在終端中按照顯示對(duì)象的預(yù)設(shè)規(guī)則顯示生成的多個(gè)顯示界面,即與顯示窗口中多個(gè)對(duì)象的顯示順序以及每個(gè)對(duì)象的顯示時(shí)間相應(yīng)地顯示多個(gè)顯示界面。
本申請(qǐng)的實(shí)施例,可根據(jù)不同終端或應(yīng)程序界面的尺寸靈活的控制顯示界面中預(yù)設(shè)類型的對(duì)象的素材的尺寸,以使其內(nèi)容更加完整。圖2根據(jù)本申請(qǐng)實(shí)施例的網(wǎng)頁中的網(wǎng)頁橫幅在四種不同屏幕尺寸的終端上全屏顯示的示意圖。如圖2所示,區(qū)域a所示的網(wǎng)頁橫幅在b、c、d、d四種不同屏幕尺寸的終端上顯示的四種不同尺寸以及組合方式。由此可見,可根據(jù)顯示屏的尺寸對(duì)預(yù)設(shè)類型的對(duì)象的素材的尺寸、組合方式等進(jìn)行調(diào)整,能夠滿足不同顯示尺寸的需求,從而能夠在不同尺寸的顯示屏上盡可能完整的顯示預(yù)設(shè)類型的對(duì)象的內(nèi)容。
如果提取模塊從素材庫中提取的素材為背景圖、主題圖和文字元素,則生成模塊40具體用于:根據(jù)顯示窗口的尺寸對(duì)背景圖、主題圖和文字元素進(jìn)行排版處理以生成顯示界面。更具體地,生成模塊40具體用于:根據(jù)顯示窗口的尺寸對(duì)背景圖和文字元素進(jìn)行尺寸調(diào)整,并對(duì)主題圖進(jìn)行尺寸調(diào)整和/或剪裁;根據(jù)顯示窗口的尺寸對(duì)調(diào)整后的背景圖、文字元素以及調(diào)整和/或剪裁后的主題圖進(jìn)行組合,以生成顯示界面。由于背景圖大多是純色,或者對(duì)分辨率要求不高,因此可將背景圖按照顯示窗口的進(jìn)行放大或剪裁以填充滿整個(gè)顯示窗口,然后對(duì)文字元素和主題圖尺寸以及組合方式進(jìn)行調(diào)整。例如,如果顯示窗口是寬屏窗口,如 圖2b-圖2d所示的窗口,則將文字元素與主題圖進(jìn)行橫向組合,如果顯示窗口時(shí)豎屏窗口,如圖e所示的窗口,則將文字元素與主題圖進(jìn)行縱向組合等,還可對(duì)主題圖進(jìn)行適當(dāng)?shù)募舨?,以便于更符合顯示窗口的尺寸以及長寬比。然后,提供一個(gè)與顯示窗口的尺寸一致的浮層容器,并在該浮層容器中顯示該顯示界面。
如果提取模塊從素材庫中提取的素材為與顯示窗口尺寸對(duì)應(yīng)的界面模板,則生成模塊40具體用于:在多個(gè)界面模板中選擇與顯示窗口的尺寸對(duì)應(yīng)的界面模板以根據(jù)界面模板生成顯示界面。更具體地,如果提取的顯示模板的尺寸與顯示窗口的尺寸一致,則可將界面模板作為顯示界面直接在與顯示窗口的尺寸一致的浮層容器中顯示,如果提取的顯示模板的尺寸與顯示窗口的尺寸一致,而長寬比一致,可則按比例進(jìn)行放大或縮小,以得到與顯示窗口尺寸一致的顯示界面,并在浮層容器中進(jìn)行顯示。
在本申請(qǐng)的一個(gè)優(yōu)選實(shí)施例中,為了保證圖像的清晰度,素材庫中的素材的尺寸一般來說大于大多數(shù)顯示屏的尺寸,因此,對(duì)主題圖和文字元素進(jìn)行調(diào)整時(shí)大多是采用縮小或剪裁(剪裁僅限于主題圖)的方式。
在本申請(qǐng)的一個(gè)優(yōu)選的實(shí)施例中,還可在顯示界面中顯示網(wǎng)址信息,例如URL(Uniform Resource Locator,統(tǒng)一資源定位符)地址等,以便于其他用戶對(duì)顯示界面所顯示的內(nèi)容感興趣時(shí),可以根據(jù)該網(wǎng)址信息直接進(jìn)入相應(yīng)的網(wǎng)站查看,從而更便于用戶操作。
本申請(qǐng)實(shí)施例的界面中對(duì)象的控制裝置,通過對(duì)用戶針對(duì)具有預(yù)設(shè)類型的對(duì)象的當(dāng)前活動(dòng)界面的操作行為進(jìn)行監(jiān)聽,并在預(yù)設(shè)時(shí)間內(nèi)未監(jiān)聽到用戶的操作行為時(shí),獲取預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的素材,并生成顯示界面以對(duì)素材進(jìn)行顯示,可在用戶在預(yù)設(shè)時(shí)間內(nèi)未對(duì)當(dāng)前活動(dòng)界面進(jìn)行操作時(shí),對(duì)預(yù)設(shè)類型的對(duì)象的內(nèi)容進(jìn)行突出顯示,并且可靈活調(diào)整顯示界面中顯示內(nèi)容的尺寸,使顯示的內(nèi)容更加完整,從而能夠在不影響用戶瀏覽界面中其他信息的同時(shí),對(duì)預(yù)設(shè)類型的對(duì)象進(jìn)行突出顯示,控制方式更加靈活,更便于用戶獲取信息,提升了用戶體驗(yàn)。
圖6為根據(jù)本申請(qǐng)另一個(gè)實(shí)施例的界面中對(duì)象的控制裝置的結(jié)構(gòu)示意圖。
如圖6所示,根據(jù)本申請(qǐng)實(shí)施例的界面中對(duì)象的控制裝置,包括:獲取模塊10、監(jiān)聽模塊20、提取模塊30、生成模塊40和控制模塊50。
具體地,獲取模塊10、監(jiān)聽模塊20、提取模塊30和生成模塊40可參照?qǐng)D4所示實(shí)施例,本申請(qǐng)?jiān)诖瞬辉儋樖觥?/p>
控制模塊50用于在終端中進(jìn)行顯示該顯示界面之后,接收用戶的操作行為,并控制顯示界面退出,以顯示當(dāng)前活動(dòng)界面。
其中,用戶的的操作行為可以是用戶的針對(duì)顯示界面的任一操作行為,如鼠標(biāo)手勢(shì)(滑動(dòng)、點(diǎn)擊、雙擊等)、觸摸手勢(shì)、鍵盤操作等等。
從而能夠根據(jù)用戶操作行為及時(shí)地確定用戶要繼續(xù)使用當(dāng)前活動(dòng)頁面,并主動(dòng)退出對(duì)預(yù)設(shè)類型的對(duì)象對(duì)應(yīng)的顯示界面,恢復(fù)初始狀態(tài)(突出顯示之前的狀態(tài)),非常方便靈活,也不會(huì)應(yīng)用戶對(duì)當(dāng)前活動(dòng)界面的使用。
流程圖中或在此以其他方式描述的任何過程或方法描述可以被理解為,表示包括一個(gè)或更多個(gè)用于實(shí)現(xiàn)特定邏輯功能或過程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分,并且本申請(qǐng)的優(yōu)選實(shí)施方式的范圍包括另外的實(shí)現(xiàn),其中可以不按所示出或討論的順序,包括根據(jù)所涉及的功能按基本同時(shí)的方式或按相反的順序,來執(zhí)行功能,這應(yīng)被本申請(qǐng)的實(shí)施例所屬技術(shù)領(lǐng)域的技術(shù)人員所理解。
在流程圖中表示或在此以其他方式描述的邏輯和/或步驟,例如,可以被認(rèn)為是用于實(shí)現(xiàn)邏輯功能的可執(zhí)行指令的定序列表,可以具體實(shí)現(xiàn)在任何計(jì)算機(jī)可讀介質(zhì)中,以供指令執(zhí)行系統(tǒng)、裝置或設(shè)備(如基于計(jì)算機(jī)的系統(tǒng)、包括處理器的系統(tǒng)或其他可以從指令執(zhí)行系統(tǒng)、裝置或設(shè)備取指令并執(zhí)行指令的系統(tǒng))使用,或結(jié)合這些指令執(zhí)行系統(tǒng)、裝置或設(shè)備而使用。就本說明書而言,"計(jì)算機(jī)可讀介質(zhì)"可以是任何可以包含、存儲(chǔ)、通信、傳播或傳輸程序以供指令執(zhí)行系統(tǒng)、裝置或設(shè)備或結(jié)合這些指令執(zhí)行系統(tǒng)、裝置或設(shè)備而使用的裝置。計(jì)算機(jī)可讀介質(zhì)的更具體的示例(非窮盡性列表)包括以下:具有一個(gè)或多個(gè)布線的電連接部(電子裝置),便攜式計(jì)算機(jī)盤盒(磁裝置),隨機(jī)存取存儲(chǔ)器(RAM),只讀存儲(chǔ)器(ROM),可擦除可編輯只讀存儲(chǔ)器(EPROM或閃速存儲(chǔ)器),光纖裝置,以及便攜式光盤只讀存儲(chǔ)器(CDROM)。另外,計(jì)算機(jī)可讀介質(zhì)甚至可以是可在其上打印所述程序的紙或其他合適的介質(zhì),因?yàn)榭梢岳缤ㄟ^對(duì)紙或其他介質(zhì)進(jìn)行光學(xué)掃描,接著進(jìn)行編輯、解譯或必要時(shí)以其他合適方式進(jìn)行處理來以電子方式獲得所述程序,然后將其存儲(chǔ)在計(jì)算機(jī)存儲(chǔ)器中。
應(yīng)當(dāng)理解,本申請(qǐng)的各部分可以用硬件、軟件、固件或它們的組合來實(shí)現(xiàn)。在上述實(shí)施方式中,多個(gè)步驟或方法可以用存儲(chǔ)在存儲(chǔ)器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來實(shí)現(xiàn)。例如,如果用硬件來實(shí)現(xiàn),和在另一實(shí)施方式中一樣,可用本領(lǐng)域公知的下列技術(shù)中的任一項(xiàng)或他們的組合來實(shí)現(xiàn):具有用于對(duì)數(shù)據(jù)信號(hào)實(shí)現(xiàn)邏輯功能的邏輯門電路的離散邏輯電路,具有合適的組合邏輯門電路的專用集成電路,可編程門陣列(PGA),現(xiàn)場(chǎng)可編程門陣列(FPGA)等。
本技術(shù)領(lǐng)域的普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法攜帶的全部或部分步驟是可以通過程序來指令相關(guān)的硬件完成,所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中,該程序在執(zhí)行時(shí),包括方法實(shí)施例的步驟之一或其組合。
此外,在本申請(qǐng)各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理模塊中,也可以是各個(gè)單元單獨(dú)物理存在,也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)模塊中。上述集成的模塊既可以采用硬件的形式實(shí)現(xiàn),也可以采用軟件功能模塊的形式實(shí)現(xiàn)。所述集成的模塊如果以軟件功 能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí),也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。
上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器,磁盤或光盤等。
在本說明書的描述中,參考術(shù)語“一個(gè)實(shí)施例”、“一些實(shí)施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實(shí)施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)包含于本申請(qǐng)的至少一個(gè)實(shí)施例或示例中。在本說明書中,對(duì)上述術(shù)語的示意性表述不一定指的是相同的實(shí)施例或示例。而且,描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)可以在任何的一個(gè)或多個(gè)實(shí)施例或示例中以合適的方式結(jié)合。
盡管已經(jīng)示出和描述了本申請(qǐng)的實(shí)施例,本領(lǐng)域的普通技術(shù)人員可以理解:在不脫離本申請(qǐng)的原理和宗旨的情況下可以對(duì)這些實(shí)施例進(jìn)行多種變化、修改、替換和變型,本申請(qǐng)的范圍由權(quán)利要求及其等同限定。