交互界面顯示方法、裝置及用戶終端的制作方法
【專利摘要】本發(fā)明實(shí)施例提供一種交互界面顯示方法、裝置及用戶終端。所述方法包括：監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部；當(dāng)監(jiān)測(cè)到客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則將標(biāo)題欄顯示于用戶終端顯示界面的頂部。所述方法在內(nèi)容欄的頂部未到達(dá)用戶終端顯示界面的頂部時(shí)，標(biāo)題欄是預(yù)先隱藏的，對(duì)用戶來說可以更專注的注意內(nèi)容欄中的內(nèi)容，也可以擴(kuò)大界面展示空間，使得用戶體驗(yàn)進(jìn)一步提升。
【專利說明】
交互界面顯示方法、裝置及用戶終端
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及計(jì)算機(jī)移動(dòng)通信技術(shù)領(lǐng)域，具體而言，涉及一種交互界面顯示方法、裝置及用戶終端。
【背景技術(shù)】
[0002]目前，幾乎所有的客戶端交互界面都有內(nèi)容欄和標(biāo)題欄，例如，在閱讀器等客戶端中，內(nèi)容欄主要用于顯示書的基本信息和內(nèi)容，標(biāo)題欄可以是地址欄，供用戶輸入資源的鏈接地址(統(tǒng)一資源定位符)，標(biāo)題欄也可以是搜索欄，供用戶輸入電子書的相關(guān)信息等。但是有時(shí)用戶更關(guān)注的是內(nèi)容欄而不是標(biāo)題欄，而且標(biāo)題欄在屏幕稍小的用戶終端(例如手機(jī))上也會(huì)占用空間，導(dǎo)致界面展示區(qū)域過小。

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

[0003]有鑒于此，本發(fā)明實(shí)施例的目的在于提供一種交互界面顯示方法及裝置以解決上述問題。
[0004]為了實(shí)現(xiàn)上述目的，本發(fā)明實(shí)施例采用的技術(shù)方案如下:
[0005]第一方面，本發(fā)明實(shí)施例提供了一種交互界面顯示方法，所述方法包括:監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄；當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部。
[0006]第二方面，本發(fā)明實(shí)施例提供了一種交互界面顯示裝置，所述裝置包括:第一監(jiān)測(cè)模塊，用于監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄;顯示模塊，用于當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部。
[0007]第三方面，本發(fā)明實(shí)施例提供了一種用戶終端，所述用戶終端包括:所述用戶終端包括處理器以及存儲(chǔ)器，所述存儲(chǔ)器耦接到所述處理器，所述存儲(chǔ)器存儲(chǔ)指令，當(dāng)所述指令由所述處理器執(zhí)行時(shí)使所述用戶終端執(zhí)行以下操作:監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄；當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部。
[0008]與現(xiàn)有技術(shù)相比，本發(fā)明實(shí)施例提供的交互界面顯示方法、裝置及用戶終端，通過監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否已經(jīng)到達(dá)用戶終端顯示界面的頂部以及監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作，控制標(biāo)題欄的顯示或者隱藏。在內(nèi)容欄的頂部未到達(dá)用戶終端顯示界面的頂部時(shí)，標(biāo)題欄是預(yù)先隱藏的，對(duì)用戶來說可以更專注的注意內(nèi)容欄中的內(nèi)容，也可以擴(kuò)大界面展示空間，使得用戶體驗(yàn)進(jìn)一步提升。
[0009]為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉較佳實(shí)施例，并配合所附附圖，作詳細(xì)說明如下。
【附圖說明】
[0010]為了更清楚地說明本發(fā)明實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附圖作簡(jiǎn)單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本發(fā)明的某些實(shí)施例，因此不應(yīng)被看作是對(duì)范圍的限定，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。
[0011]圖1是本發(fā)明實(shí)施例提供的用戶終端的結(jié)構(gòu)示意圖。
[0012]圖2是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的流程圖。
[0013]圖3是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第一示意圖。
[0014]圖4是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第二示意圖。
[0015]圖5是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第三示意圖。
[0016]圖6是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第四示意圖。
[0017]圖7是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第五示意圖。
[0018]圖8是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第六示意圖。
[0019]圖9是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第七示意圖。
[0020]圖10是本發(fā)明實(shí)施例提供的一種交互界面顯示方法的用戶終端交互界面的第八示意圖。
[0021]圖11是本發(fā)明實(shí)施例提供的一種交互界面顯示裝置的結(jié)構(gòu)框圖。
【具體實(shí)施方式】
[0022]下面將結(jié)合本發(fā)明實(shí)施例中附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。通常在此處附圖中描述和示出的本發(fā)明實(shí)施例的組件可以以各種不同的配置來布置和設(shè)計(jì)。因此，以下對(duì)在附圖中提供的本發(fā)明的實(shí)施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實(shí)施例?；诒景l(fā)明的實(shí)施例，本領(lǐng)域技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)的前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0023]應(yīng)注意到:相似的標(biāo)號(hào)和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個(gè)附圖中被定義，則在隨后的附圖中不需要對(duì)其進(jìn)行進(jìn)一步定義和解釋。同時(shí)，在本發(fā)明的描述中，術(shù)語(yǔ)“第一”、“第二”等僅用于區(qū)分描述，而不能理解為指示或暗示相對(duì)重要性。
[0024]圖1示出了一種可應(yīng)用于本發(fā)明實(shí)施例中的用戶終端100的結(jié)構(gòu)框圖。如圖1所示，用戶終端100包括存儲(chǔ)器102、存儲(chǔ)控制器104，一個(gè)或多個(gè)(圖中僅示出一個(gè))處理器106、外設(shè)接口 108、射頻模塊110、音頻模塊112、觸控屏幕114等。這些組件通過一條或多條通訊總線/信號(hào)線116相互通訊。
[0025]存儲(chǔ)器102可用于存儲(chǔ)軟件程序以及模塊，如本發(fā)明實(shí)施例中的交互界面顯示方法以及裝置對(duì)應(yīng)的程序指令/模塊，處理器106通過運(yùn)行存儲(chǔ)在存儲(chǔ)器102內(nèi)的軟件程序以及模塊，從而執(zhí)行各種功能應(yīng)用以及數(shù)據(jù)處理，如本發(fā)明實(shí)施例提供的交互界面顯示方法。
[0026]存儲(chǔ)器102可包括高速隨機(jī)存儲(chǔ)器，還可包括非易失性存儲(chǔ)器，如一個(gè)或者多個(gè)磁性存儲(chǔ)裝置、閃存、或者其他非易失性固態(tài)存儲(chǔ)器。處理器106以及其他可能的組件對(duì)存儲(chǔ)器102的訪問可在存儲(chǔ)控制器104的控制下進(jìn)行。
[0027]外設(shè)接口 108將各種輸入/輸入裝置耦合至處理器106以及存儲(chǔ)器102。在一些實(shí)施例中，外設(shè)接口 108，處理器106以及存儲(chǔ)控制器104可以在單個(gè)芯片中實(shí)現(xiàn)。在其他一些實(shí)例中，他們可以分別由獨(dú)立的芯片實(shí)現(xiàn)。
[0028]射頻模塊110用于接收以及發(fā)送電磁波，實(shí)現(xiàn)電磁波與電信號(hào)的相互轉(zhuǎn)換，從而與通訊網(wǎng)絡(luò)或者其他設(shè)備進(jìn)行通訊。
[0029]音頻模塊112向用戶提供音頻接口，其可包括一個(gè)或多個(gè)麥克風(fēng)、一個(gè)或者多個(gè)揚(yáng)聲器以及音頻電路。
[0030]觸控屏幕114在用戶終端100與用戶之間同時(shí)提供一個(gè)輸出及輸入界面。具體地，觸控屏幕114向用戶顯示視頻輸出，這些視頻輸出的內(nèi)容可包括文字、圖形、視頻及其任意組合。
[0031]可以理解，圖1所示的結(jié)構(gòu)僅為示意，用戶終端100還可包括比圖1中所示更多或者更少的組件，或者具有與圖1所示不同的配置。圖1中所示的各組件可以采用硬件、軟件或其組合實(shí)現(xiàn)。
[0032]于本發(fā)明實(shí)施例中，用戶終端100中安裝有客戶端，該客戶端可以是瀏覽器也可以是第三方應(yīng)用軟件(例如閱讀器)，與服務(wù)器(Server)端相對(duì)應(yīng)，為用戶提供服務(wù)，例如電子書閱讀服務(wù)，用于播放本地文檔或者電子書。
[0033]圖2示出了本發(fā)明一實(shí)施例提供的一種交互界面顯示方法的流程圖，請(qǐng)參閱圖2，本實(shí)施例描述的是客戶端的處理流程，客戶端具體可以是閱讀器，所述方法包括:
[0034]步驟S201，監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄；
[0035]其中，所述監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部的實(shí)施方式有多種，不同的系統(tǒng)可以采用不同的監(jiān)測(cè)方式。于本實(shí)施例中提供了以下兩種監(jiān)測(cè)方式進(jìn)行舉例說明，可以理解的是，本發(fā)明的【具體實(shí)施方式】并不以此為限。
[0036]對(duì)于基于Android系統(tǒng)的用戶終端而言，客戶端可以通過調(diào)用函數(shù)getScrollYO來獲得內(nèi)容欄相對(duì)于用戶終端顯示界面在第一方向上產(chǎn)生的偏移量，所述第一方向可以是平行于由所述用戶終端顯示界面的頂部向底部延伸的方向，當(dāng)函數(shù)返回的值為O時(shí)，表示所述偏移量為0，即此時(shí)內(nèi)容欄的頂部相對(duì)于用戶終端顯示界面的頂部而言并沒有發(fā)生偏移，因此可以判斷出所述監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部已經(jīng)到達(dá)用戶終端顯示界面的頂部。
[0037]對(duì)于基于Windows系統(tǒng)的用戶終端而言，客戶端可以通過函數(shù)scrollTopO來獲取當(dāng)前內(nèi)容欄被用戶終端顯示界面隱藏的高度，當(dāng)函數(shù)返回的值為O時(shí)，表示所述隱藏高度為0，因此可以判斷出所述監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部已經(jīng)到達(dá)用戶終端顯示界面的頂部。
[0038]可以理解的是，當(dāng)所述客戶端交互界面并不處于標(biāo)題欄默認(rèn)隱藏的初始狀態(tài)時(shí)，其中，所述初始狀態(tài)為當(dāng)前客戶端交互界面的內(nèi)容欄的頂部已經(jīng)到達(dá)用戶終端顯示界面的頂部的狀態(tài)，對(duì)于這種情況，需要首先判斷當(dāng)前內(nèi)容欄是處于上拉還是下移狀態(tài)，因此在步驟S201之前，所述方法還可以包括:監(jiān)測(cè)作用于客戶端交互界面的界面操作。其中，監(jiān)測(cè)作用于客戶端交互界面的界面操作即監(jiān)測(cè)作用于客戶端交互界面的操作是否為下拉操作，也就是說界面操作為下拉操作。當(dāng)監(jiān)測(cè)到所述界面操作發(fā)生后，再監(jiān)測(cè)所述客戶端交互界面的內(nèi)容欄的頂部已經(jīng)到達(dá)用戶終端顯示界面的頂部。可以理解的是，當(dāng)所述客戶端交互界面已經(jīng)初始狀態(tài)時(shí)，就不需要再判斷當(dāng)前內(nèi)容欄是處于上拉還是下移狀態(tài)。
[0039]步驟S202，當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部時(shí)，監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作；
[0040]所述監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作的實(shí)施方式有多種，于本實(shí)施例中提供了以下兩種第一預(yù)定操作進(jìn)行舉例說明，可以理解的是，本發(fā)明的【具體實(shí)施方式】并不以此為限。
[0041]在一種【具體實(shí)施方式】中，當(dāng)用戶終端的屏幕為觸摸屏幕時(shí)，所述監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作可以包括:監(jiān)測(cè)作用于所述內(nèi)容欄的手勢(shì)操作，所述手勢(shì)操作包括:與所述用戶終端顯示界面的持續(xù)接觸以及持續(xù)接觸后形成的滑動(dòng)軌跡，所述滑動(dòng)軌跡起始于靠近所述用戶終端顯示界面的頂部的位置，終止于遠(yuǎn)離所述用戶終端顯示界面的頂部的位置。
[0042]在另一種【具體實(shí)施方式】中，所述監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作，包括:監(jiān)測(cè)所述內(nèi)容欄分別在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的第一方向上產(chǎn)生的偏移量，所述第一方向平行于由所述用戶終端顯示界面的頂部向底部延伸的方向；根據(jù)所述偏移量與預(yù)設(shè)偏移閾值的比較結(jié)果，判斷所述內(nèi)容欄在所述第一方向的移動(dòng)方向；當(dāng)所述移動(dòng)方向?yàn)檫h(yuǎn)離所述用戶終端顯示界面的頂部時(shí)，則認(rèn)為監(jiān)測(cè)到所述第一預(yù)定操作。在這種【具體實(shí)施方式】中，第一預(yù)定操作不需要是觸控操作，偏移量可以是由其他操作形式產(chǎn)生的，例如鍵盤輸入或者語(yǔ)音輸入。
[0043]例如，對(duì)于基于Android系統(tǒng)的用戶終端而言，客戶端可以監(jiān)聽內(nèi)容欄的觸摸事件onTouchEvent，當(dāng)客戶端接收到用戶的按下事件ACT10N_D0WN時(shí)，記錄第一時(shí)刻在第一方向的縱坐標(biāo)Yl。當(dāng)接收到用戶拉動(dòng)界面的操作(ACT10N_M0VE)的時(shí)候，記錄第二時(shí)刻在第一方向的縱坐標(biāo)Y2，此時(shí)所述內(nèi)容欄分別在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的豎直方向上產(chǎn)生的偏移量為(Y2-Y1)，此時(shí)如果Y2-Y1大于預(yù)設(shè)偏移閾值，即認(rèn)為內(nèi)容欄在第一方向向下移動(dòng)，如果Y2 — Yl小于預(yù)設(shè)偏移閾值，即認(rèn)為內(nèi)容欄在第一方向向上移動(dòng)，Y2 —Π等于預(yù)設(shè)偏移閾值，則認(rèn)為內(nèi)容欄沒有發(fā)生移動(dòng)。
[0044]對(duì)于基于Windows系統(tǒng)的用戶終端而言，客戶端可以設(shè)置scrolK)事件監(jiān)聽，記錄內(nèi)容欄在第一時(shí)刻被隱藏的高度Yl，當(dāng)隨著內(nèi)容欄不斷改變時(shí)，通過監(jiān)聽scrol 1事件，記錄內(nèi)容欄在第二時(shí)刻被隱藏的高度Y2，此時(shí)所述內(nèi)容欄在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的第一方向上產(chǎn)生的偏移量為(Y2-Y1)，如果(Y2-Y1)大于O，即認(rèn)為內(nèi)容欄在第一方向向下移動(dòng)，如果(Y2-Y1)小于O，即認(rèn)為內(nèi)容欄在第一方向向上移動(dòng)，如果(Y2-Y1)等于O，則認(rèn)為內(nèi)容欄沒有發(fā)生移動(dòng)。
[0045]步驟S203，當(dāng)監(jiān)測(cè)到所述第一預(yù)定操作時(shí)，將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部；
[0046]其中，所述標(biāo)題欄可以懸浮于所述內(nèi)容欄上方，所述標(biāo)題欄也可以與所述內(nèi)容欄處于同一平面。
[0047]可以理解的是，將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部的實(shí)施方式有多種，例如將所述標(biāo)題欄一次性完全顯示在用戶終端顯示界面的頂部，也可以是將所述標(biāo)題欄分多次顯示，直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部，但不局限于上述提到的實(shí)施方式。
[0048]優(yōu)選的，將所述標(biāo)題欄分多次連續(xù)顯示，每次顯示所述標(biāo)題欄的一部分，直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部。例如，可以獲取所述標(biāo)題欄的高度，假設(shè)高度為H，每次顯示標(biāo)題欄的固定高度，直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面。值得一提的是，根據(jù)不斷的實(shí)驗(yàn)得出，所述固定高度最優(yōu)值為H/30。標(biāo)題欄從完全隱藏到全部顯示出來的總時(shí)長(zhǎng)優(yōu)選為200ms左右。通過每次顯示一定高度，直至全部顯示的這種動(dòng)態(tài)隱藏的方式，使得用戶體驗(yàn)的視覺效果為動(dòng)畫顯示，進(jìn)一步提高了用戶體驗(yàn)。
[0049]步驟S204，當(dāng)所述標(biāo)題欄的顯示時(shí)間超過預(yù)定時(shí)長(zhǎng)時(shí)，將所述標(biāo)題欄再次隱藏。
[0050]在實(shí)施時(shí)，預(yù)定時(shí)長(zhǎng)例如可以設(shè)置成兩秒，也就是說當(dāng)標(biāo)題欄顯示時(shí)間超過兩秒后，客戶端會(huì)自動(dòng)隱藏標(biāo)題欄，使得用戶的體驗(yàn)進(jìn)一步提升?？梢岳斫獾氖?，預(yù)定時(shí)長(zhǎng)可以靈活設(shè)置，具體的數(shù)值并不對(duì)本發(fā)明實(shí)施例的實(shí)施構(gòu)成限定。
[0051]優(yōu)選的，將所述標(biāo)題欄分多次隱藏，每次隱藏所述標(biāo)題欄的一部分，直至所述標(biāo)題欄全部隱藏在所述用戶終端顯示界面。標(biāo)題欄從全部顯示到完全隱藏的總時(shí)長(zhǎng)優(yōu)選為200ms左右。于本步驟中，標(biāo)題欄分多次隱藏的實(shí)現(xiàn)方式與步驟S203中標(biāo)題欄分多次顯示的實(shí)現(xiàn)方式為逆向過程，在此不再贅述。
[0052]進(jìn)一步的，該方法還可以包括:在所述預(yù)定時(shí)長(zhǎng)內(nèi)，監(jiān)測(cè)作用于所述客戶端交互界面的第二預(yù)定操作，當(dāng)監(jiān)測(cè)到所述第二預(yù)定操作時(shí)，將所述標(biāo)題欄再次隱藏。所述第二預(yù)定操作例如可以是點(diǎn)擊屏幕的操作或者上拉內(nèi)容欄的操作等預(yù)先設(shè)定好的操作。
[0053]下面通過一個(gè)具體的例子對(duì)本發(fā)明提供的交互界面顯示方法應(yīng)用于觸摸設(shè)備時(shí)的過程進(jìn)行進(jìn)一步詳細(xì)的說明。
[0054]對(duì)于安裝有Android系統(tǒng)的用戶終端的客戶端，假設(shè)當(dāng)前客戶端交互界面處于標(biāo)題欄默認(rèn)隱藏的初始狀態(tài)，如圖3所示，也就是說當(dāng)前客戶端交互界面的內(nèi)容欄的頂部已經(jīng)到達(dá)用戶終端顯示界面的頂部，此時(shí)可以監(jiān)聽內(nèi)容欄的觸摸事件onTouchEvent，當(dāng)客戶端接收到用戶的按下事件ACT10N_D0WN時(shí)，記錄第一時(shí)刻在第一方向的縱坐標(biāo)Yl，當(dāng)接收到用戶拉動(dòng)界面的操作(ACT10N_M0VE)的時(shí)候，記錄第二時(shí)刻在第一方向的縱坐標(biāo)Y2，此時(shí)所述內(nèi)容欄分別在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的豎直方向上產(chǎn)生的偏移量為(Y2-Y1)，此時(shí)如果Y2-Y1大于預(yù)設(shè)偏移閾值，即認(rèn)為內(nèi)容欄在第一方向向下移動(dòng)。
[0055]請(qǐng)參閱圖4至6，圖4及圖5分別示出了在不同時(shí)刻標(biāo)題欄部分顯示于所述用戶終端顯示界面的頂部的情況，圖6所示為所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部的情況。當(dāng)客戶端交互界面的內(nèi)容欄的頂部已經(jīng)到達(dá)用戶終端顯示界面的頂部并且監(jiān)測(cè)到向下移動(dòng)的操作時(shí)，將所述標(biāo)題欄分多次顯示(如圖4和圖5所示)，直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部。此時(shí)，用戶看到的用戶終端顯示界面如圖6所述，用戶可以看到內(nèi)容欄和標(biāo)題欄，可以理解的是，所述標(biāo)題欄可以是懸浮在所述內(nèi)容欄上方，也可以與所述內(nèi)容欄處于同一平面。
[0056]請(qǐng)參閱圖7至圖9，圖7及圖8分別示出了在不同時(shí)刻標(biāo)題欄部分隱藏于所述用戶終端顯示界面的頂部的情況，圖9所示為所述標(biāo)題欄完全隱藏于所述用戶終端顯示界面的頂部的情況。當(dāng)所述標(biāo)題欄的顯示時(shí)間超過預(yù)定時(shí)長(zhǎng)時(shí)，將所述標(biāo)題欄分多次隱藏(如圖7和圖8所示)，直至所述標(biāo)題欄全部隱藏在所述用戶終端顯示界面(如圖9所示)。
[0057]進(jìn)一步的，如圖10所示，當(dāng)所述標(biāo)題欄的顯示時(shí)間未超過預(yù)定時(shí)長(zhǎng)時(shí)，接收到用戶拉動(dòng)界面的操作(ACT10N_M0VE)的時(shí)候，記錄第三時(shí)刻在第一方向的縱坐標(biāo)Y3，此時(shí)所述內(nèi)容欄分別在第二時(shí)刻與第三時(shí)刻在所述用戶終端顯示界面的豎直方向上產(chǎn)生的偏移量為(Y3-Y2)，此時(shí)如果Y3-Y2小于預(yù)設(shè)偏移閾值，即認(rèn)為內(nèi)容欄在第一方向向上移動(dòng)，此時(shí)，請(qǐng)參閱圖7至圖9，將所述標(biāo)題欄分多次隱藏，直至所述標(biāo)題欄全部隱藏在所述用戶終端顯示界面。
[0058]可以理解的是，當(dāng)客戶端交互界面并不處于標(biāo)題欄默認(rèn)隱藏的初始狀態(tài)時(shí)，此時(shí)首先判斷內(nèi)容欄在第一方向移動(dòng)的方向，當(dāng)判斷出所述內(nèi)容欄是向下移動(dòng)的，進(jìn)一步的監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部。
[0059]本發(fā)明實(shí)施例提供的交互界面顯示方法，通過監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否已經(jīng)到達(dá)用戶終端顯示界面的頂部以及監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作，控制標(biāo)題欄的顯示或者隱藏。在內(nèi)容欄的頂部未到達(dá)用戶終端顯示界面的頂部時(shí)，標(biāo)題欄是預(yù)先隱藏的，對(duì)用戶來說可以更專注的注意內(nèi)容欄中的內(nèi)容，也可以擴(kuò)大界面展示空間。在預(yù)定時(shí)長(zhǎng)后，將標(biāo)題欄自動(dòng)隱藏，無需用戶再進(jìn)行其他的操作，使得用戶體驗(yàn)進(jìn)一步提升。
[0060]請(qǐng)參閱圖11，是本發(fā)明實(shí)施例提供的交互界面顯示裝置200的功能模塊示意圖。所述交互界面顯示裝置200包括第一監(jiān)測(cè)模塊201，顯示模塊202以及隱藏模塊203。
[0061]所述第一監(jiān)測(cè)模塊201，用于監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄；
[0062]所述顯示模塊202，用于當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部時(shí)，監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作；
[0063]其中，所述顯示模塊202監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作的實(shí)施方式有多種，于本實(shí)施例中提供了以下兩種第一預(yù)定操作進(jìn)行舉例說明，可以理解的是，本發(fā)明的【具體實(shí)施方式】并不以此為限。
[0064]可以理解的是，當(dāng)用戶終端為觸摸設(shè)備時(shí)，所述顯示模塊202具體用于:監(jiān)測(cè)作用于所述內(nèi)容欄的手勢(shì)操作，所述手勢(shì)操作包括:與所述用戶終端顯示界面的持續(xù)接觸以及持續(xù)接觸后形成的滑動(dòng)軌跡，所述滑動(dòng)軌跡起始于靠近所述用戶終端顯示界面的頂部的位置，終止于遠(yuǎn)離所述用戶終端顯示界面的頂部的位置。
[0065]顯示模塊202具體還可以用于:監(jiān)測(cè)所述內(nèi)容欄分別在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的第一方向上產(chǎn)生的偏移量，所述第一方向平行于由所述用戶終端顯示界面的頂部向底部延伸的方向；根據(jù)所述偏移量與預(yù)設(shè)偏移閾值的比較結(jié)果，判斷所述內(nèi)容欄在所述第一方向的移動(dòng)方向；當(dāng)所述移動(dòng)方向?yàn)檫h(yuǎn)離所述用戶終端顯示界面的頂部時(shí)，則認(rèn)為監(jiān)測(cè)到所述第一預(yù)定操作。
[0066]所述顯示模塊202，用于當(dāng)監(jiān)測(cè)到所述第一預(yù)定操作時(shí)，將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部；
[0067]其中，所述將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部，包括:將所述標(biāo)題欄分多次顯示，直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部。
[0068]所述隱藏模塊203，用于當(dāng)所述標(biāo)題欄的顯示時(shí)間超過預(yù)定時(shí)長(zhǎng)時(shí)，將所述標(biāo)題欄再次隱藏。
[0069]其中，所述將所述標(biāo)題欄再次隱藏，包括:將所述標(biāo)題欄分多次隱藏，直至所述標(biāo)題欄全部隱藏在所述用戶終端顯示界面。
[0070]進(jìn)一步的，所述顯示模塊202還用于:在所述預(yù)定時(shí)長(zhǎng)內(nèi)，監(jiān)測(cè)作用于所述客戶端交互界面的第二預(yù)定操作;所述隱藏模塊203還用于當(dāng)監(jiān)測(cè)到所述第二預(yù)定操作時(shí)，將所述標(biāo)題欄再次隱藏。
[0071]以上各模塊可以是由軟件代碼實(shí)現(xiàn)，此時(shí)，上述的各模塊可存儲(chǔ)于用戶終端100的存儲(chǔ)器102內(nèi)。以上各模塊同樣可以由硬件例如集成電路芯片實(shí)現(xiàn)。
[0072]需要說明的是，本說明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見即可。
[0073]本發(fā)明實(shí)施例所提供的交互界面顯示裝置，其實(shí)現(xiàn)原理及產(chǎn)生的技術(shù)效果和前述方法實(shí)施例相同，為簡(jiǎn)要描述，裝置實(shí)施例部分未提及之處，可參考前述方法實(shí)施例中相應(yīng)內(nèi)容。
[0074]在本申請(qǐng)所提供的幾個(gè)實(shí)施例中，應(yīng)該理解到，所揭露的裝置和方法，也可以通過其它的方式實(shí)現(xiàn)。以上所描述的裝置實(shí)施例僅僅是示意性的，例如，附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個(gè)實(shí)施例的裝置、方法和計(jì)算機(jī)程序產(chǎn)品的可能實(shí)現(xiàn)的體系架構(gòu)、功能和操作。在這點(diǎn)上，流程圖或框圖中的每個(gè)方框可以代表一個(gè)模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個(gè)或多個(gè)用于實(shí)現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意，在有些作為替換的實(shí)現(xiàn)方式中，方框中所標(biāo)注的功能也可以以不同于附圖中所標(biāo)注的順序發(fā)生。例如，兩個(gè)連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時(shí)也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個(gè)方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或動(dòng)作的專用的基于硬件的系統(tǒng)來實(shí)現(xiàn)，或者可以用專用硬件與計(jì)算機(jī)指令的組合來實(shí)現(xiàn)。
[0075]另外，在本發(fā)明各個(gè)實(shí)施例中的各功能模塊可以集成在一起形成一個(gè)獨(dú)立的部分，也可以是各個(gè)模塊單獨(dú)存在，也可以兩個(gè)或兩個(gè)以上模塊集成形成一個(gè)獨(dú)立的部分。
[0076]所述功能如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。基于這樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括:U盤、移動(dòng)硬盤、只讀存儲(chǔ)器(R0M，Read-0nly Memory)、隨機(jī)存取存儲(chǔ)器(RAM，Random Access Memory)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語(yǔ)僅僅用來將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語(yǔ)“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語(yǔ)句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。
[0077]以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對(duì)于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。應(yīng)注意到:相似的標(biāo)號(hào)和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個(gè)附圖中被定義，則在隨后的附圖中不需要對(duì)其進(jìn)行進(jìn)一步定義和解釋。
[0078]以上所述，僅為本發(fā)明的【具體實(shí)施方式】，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，可輕易想到變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)所述以權(quán)利要求的保護(hù)范圍為準(zhǔn)。
【主權(quán)項(xiàng)】
1.一種交互界面顯示方法，其特征在于，所述方法包括: 監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄； 當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作，包括: 監(jiān)測(cè)作用于所述內(nèi)容欄的手勢(shì)操作，所述手勢(shì)操作包括:與所述用戶終端顯示界面的持續(xù)接觸以及持續(xù)接觸后形成的滑動(dòng)軌跡，所述滑動(dòng)軌跡起始于靠近所述用戶終端顯示界面的頂部的位置，終止于遠(yuǎn)離所述用戶終端顯示界面的頂部的位置。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述監(jiān)測(cè)作用于客戶端交互界面的第一預(yù)定操作，包括: 監(jiān)測(cè)所述內(nèi)容欄分別在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的第一方向上產(chǎn)生的偏移量，所述第一方向平行于由所述用戶終端顯示界面的頂部向底部延伸的方向； 根據(jù)所述偏移量與預(yù)設(shè)偏移閾值的比較結(jié)果，判斷所述內(nèi)容欄在所述第一方向的移動(dòng)方向； 當(dāng)所述移動(dòng)方向?yàn)檫h(yuǎn)離所述用戶終端顯示界面的頂部時(shí)，則認(rèn)為監(jiān)測(cè)到所述第一預(yù)定操作。4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括:當(dāng)所述標(biāo)題欄的顯示時(shí)間超過預(yù)定時(shí)長(zhǎng)時(shí)，將所述標(biāo)題欄再次隱藏。5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部，包括: 將所述標(biāo)題欄分多次顯示，每次顯示所述標(biāo)題欄的一部分直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部。6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將所述標(biāo)題欄再次隱藏，包括: 將所述標(biāo)題欄分多次隱藏，每次隱藏所述標(biāo)題欄的一部分直至所述標(biāo)題欄全部隱藏在所述用戶終端顯示界面。7.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 在所述預(yù)定時(shí)長(zhǎng)內(nèi)，監(jiān)測(cè)作用于所述客戶端交互界面的第二預(yù)定操作，當(dāng)監(jiān)測(cè)到所述第二預(yù)定操作時(shí)，將所述標(biāo)題欄再次隱藏。8.一種交互界面顯示裝置，其特征在于，所述裝置包括: 第一監(jiān)測(cè)模塊，用于監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄； 顯示模塊，用于當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部。9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述顯示模塊具體用于: 監(jiān)測(cè)作用于所述內(nèi)容欄的手勢(shì)操作，所述手勢(shì)操作包括:與所述用戶終端顯示界面的持續(xù)接觸以及持續(xù)接觸后形成的滑動(dòng)軌跡，所述滑動(dòng)軌跡起始于靠近所述用戶終端顯示界面的頂部的位置，終止于遠(yuǎn)離所述用戶終端顯示界面的頂部的位置。10.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述顯示模塊具體用于: 監(jiān)測(cè)所述內(nèi)容欄分別在第一時(shí)刻與第二時(shí)刻在所述用戶終端顯示界面的第一方向上產(chǎn)生的偏移量，所述第一方向平行于由所述用戶終端顯示界面的頂部向底部延伸的方向；根據(jù)所述偏移量與預(yù)設(shè)偏移閾值的比較結(jié)果，判斷所述內(nèi)容欄在所述第一方向的移動(dòng)方向； 當(dāng)所述移動(dòng)方向?yàn)檫h(yuǎn)離所述用戶終端顯示界面的頂部時(shí)，則認(rèn)為監(jiān)測(cè)到所述第一預(yù)定操作。11.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述顯示模塊具體還用于: 將所述標(biāo)題欄分多次顯示，直至所述標(biāo)題欄全部顯示在所述用戶終端顯示界面的頂部。12.根據(jù)權(quán)利要求8所述的裝置，其特征在于，還包括隱藏模塊，用于當(dāng)所述標(biāo)題欄的顯示時(shí)間超過預(yù)定時(shí)長(zhǎng)時(shí)，將所述標(biāo)題欄再次隱藏。13.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述隱藏模塊具體用于: 將所述標(biāo)題欄分多次隱藏，直至所述標(biāo)題欄全部隱藏在所述用戶終端顯示界面。14.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述顯示模塊還用于:在所述預(yù)定時(shí)長(zhǎng)內(nèi)，監(jiān)測(cè)作用于所述客戶端交互界面的第二預(yù)定操作;所述隱藏模塊還用于當(dāng)監(jiān)測(cè)到所述第二預(yù)定操作時(shí)，將所述標(biāo)題欄再次隱藏。15.—種用戶終端，其特征在于，所述用戶終端包括處理器以及存儲(chǔ)器，所述存儲(chǔ)器耦接到所述處理器，所述存儲(chǔ)器存儲(chǔ)指令，當(dāng)所述指令由所述處理器執(zhí)行時(shí)使所述用戶終端執(zhí)行以下操作: 監(jiān)測(cè)客戶端交互界面的內(nèi)容欄的頂部是否到達(dá)用戶終端顯示界面的頂部，所述客戶端交互界面包括預(yù)先隱藏的標(biāo)題欄以及所述內(nèi)容欄； 當(dāng)監(jiān)測(cè)到所述客戶端交互界面的內(nèi)容欄的頂部已到達(dá)用戶終端顯示界面的頂部，且接收到作用于客戶端交互界面的第一預(yù)定操作，則 將所述標(biāo)題欄顯示于所述用戶終端顯示界面的頂部。
【文檔編號(hào)】G06F9/44GK105930024SQ201610213636
【公開日】2016年9月7日
【申請(qǐng)日】2016年4月6日
【發(fā)明人】李祎哲
【申請(qǐng)人】廣州阿里巴巴文學(xué)信息技術(shù)有限公司