一種用于展現(xiàn)交互界面的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域,尤其涉及一種用于展現(xiàn)交互界面的方法和裝置。
【背景技術(shù)】
[0002]現(xiàn)有技術(shù)中,當(dāng)頁面包括多個內(nèi)容欄時,各個內(nèi)容欄一起基于用戶的滾動操作而滾動,基于該方式,當(dāng)有內(nèi)容欄的內(nèi)容展現(xiàn)完畢而用戶繼續(xù)滾動網(wǎng)頁瀏覽其他內(nèi)容欄時,該展現(xiàn)完畢的內(nèi)容欄會出現(xiàn)空白。特別是在內(nèi)容欄的內(nèi)容長度差異較大時,內(nèi)容較短的內(nèi)容欄可能很快隨著頁面的滾動而出現(xiàn)空白,造成頁面空間的浪費,并且,當(dāng)用戶在繼續(xù)滾動頁面的過程中想要回到已展現(xiàn)的內(nèi)容欄的位置時,需要向相反的滾動方向滾動頁面,操作不便。
【發(fā)明內(nèi)容】
[0003]本發(fā)明的目的是提供一種用于展現(xiàn)交互界面的方法和裝置。
[0004]根據(jù)本發(fā)明的一個方面,提供了一種用于展現(xiàn)交互界面的方法,其中,所述交互界面中包含多個內(nèi)容欄,所述方法包括以下步驟:
[0005]-在一交互界面響應(yīng)于滾動操作的滾動過程中,當(dāng)所述多個內(nèi)容欄中有內(nèi)容欄的內(nèi)容信息已展現(xiàn)完畢時,停止該內(nèi)容欄對于滾動操作的響應(yīng)。
[0006]根據(jù)本發(fā)明的一個方面,還提供了一種用于展現(xiàn)交互界面的展現(xiàn)裝置,其中,所述交互界面中包含多個內(nèi)容欄,所述展現(xiàn)裝置包括:
[0007]用于在一交互界面響應(yīng)于滾動操作的滾動過程中,當(dāng)所述多個內(nèi)容欄中有內(nèi)容欄的內(nèi)容信息已展現(xiàn)完畢時,停止該內(nèi)容欄對于滾動操作的響應(yīng)的裝置。
[0008]與現(xiàn)有技術(shù)相比,本發(fā)明具有以下優(yōu)點:通過在有內(nèi)容欄展現(xiàn)完畢時停止該內(nèi)容欄對于滾動操作的響應(yīng),在用戶繼續(xù)滾動頁面瀏覽其他內(nèi)容欄的內(nèi)容時能夠繼續(xù)展現(xiàn)該內(nèi)容欄的內(nèi)容信息,而不會出現(xiàn)空白,減少了頁面空間的浪費。并且,無需用戶來回滾動頁面來回看已展現(xiàn)完畢的內(nèi)容欄的內(nèi)容,減少了用戶操作。
【附圖說明】
[0009]通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細(xì)描述,本發(fā)明的其它特征、目的和優(yōu)點將會變得更明顯:
[0010]圖1示意出了根據(jù)本發(fā)明的一種用于展現(xiàn)交互界面的方法流程圖;
[0011]圖2示意出了根據(jù)本發(fā)明的一種用于展現(xiàn)交互界面的展現(xiàn)裝置的結(jié)構(gòu)示意圖;
[0012]圖3a示意出了根據(jù)本發(fā)明的一個示例性的網(wǎng)頁的內(nèi)容信息;
[0013]圖3b示意出了根據(jù)本發(fā)明的一個示例性的交互界面。
[0014]附圖中相同或相似的附圖標(biāo)記代表相同或相似的部件。
【具體實施方式】
[0015]下面結(jié)合附圖對本發(fā)明作進(jìn)一步詳細(xì)描述。
[0016]圖1示意出了根據(jù)本發(fā)明的一種用于展現(xiàn)交互界面的方法流程圖。其中,所述方法包括步驟S1。
[0017]其中,所述交互界面中包含多個內(nèi)容欄。
[0018]其中,根據(jù)本發(fā)明的方法通過包含于計算機(jī)設(shè)備中的展現(xiàn)裝置來實現(xiàn)。所述計算機(jī)設(shè)備包括一種能夠按照事先設(shè)定或存儲的指令,自動進(jìn)行數(shù)值計算和/或信息處理的電子設(shè)備,其硬件包括但不限于微處理器、專用集成電路(ASIC)、可編程門陣列(FPGA)、數(shù)字處理器(DSP)、嵌入式設(shè)備等。所述計算機(jī)設(shè)備包括網(wǎng)絡(luò)設(shè)備和/或用戶設(shè)備。其中,所述網(wǎng)絡(luò)設(shè)備包括但不限于單個網(wǎng)絡(luò)服務(wù)器、多個網(wǎng)絡(luò)服務(wù)器組成的服務(wù)器組或基于云計算(Cloud Computing)的由大量主機(jī)或網(wǎng)絡(luò)服務(wù)器構(gòu)成的云,其中,云計算是分布式計算的一種,由一群松散耦合的計算機(jī)集組成的一個超級虛擬計算機(jī)。所述用戶設(shè)備包括但不限于任何一種可與用戶通過鍵盤、鼠標(biāo)、遙控器、觸摸板、或聲控設(shè)備等方式進(jìn)行人機(jī)交互的電子產(chǎn)品,例如,個人計算機(jī)、平板電腦、智能手機(jī)、PDA、游戲機(jī)、或IPTV等。其中,所述用戶設(shè)備及網(wǎng)絡(luò)設(shè)備所處的網(wǎng)絡(luò)包括但不限于互聯(lián)網(wǎng)、廣域網(wǎng)、城域網(wǎng)、局域網(wǎng)、VPN網(wǎng)絡(luò)等。
[0019]需要說明的是,所述用戶設(shè)備、網(wǎng)絡(luò)設(shè)備以及網(wǎng)絡(luò)僅為舉例,其他現(xiàn)有的或今后可能出現(xiàn)的用戶設(shè)備、網(wǎng)絡(luò)設(shè)備以及網(wǎng)絡(luò)如可適用于本發(fā)明,也應(yīng)包含在本發(fā)明保護(hù)范圍以內(nèi),并以引用方式包含于此。
[0020]參照圖1,在步驟S1中,在一交互界面響應(yīng)于滾動操作的滾動過程中,當(dāng)所述多個內(nèi)容欄中有內(nèi)容欄的內(nèi)容信息已展現(xiàn)完畢時,展現(xiàn)裝置停止該內(nèi)容欄對于滾動操作的響應(yīng)。
[0021]其中,所述交互界面包括但不限于以下任一種:
[0022]1)客戶端界面;例如,各種包含于移動設(shè)備中的客戶端應(yīng)用的界面;
[0023]2)網(wǎng)頁頁面。
[0024]其中,所述頁面滾動操作包括但不限于以下任一種:
[0025]1)滾動鼠標(biāo);
[0026]2)拖拽滾動條;例如,拖拽頁面右邊的滾動條來向上/向下滾動頁面,或拖拽頁面底部的滾動條來向左/向右滾動頁面;
[0027]3)滑動屏幕。例如,在觸屏設(shè)備中通過滑動屏幕來向上/向下滾動頁面。
[0028]具體地,當(dāng)所述多個內(nèi)容欄中有內(nèi)容欄的內(nèi)容已展現(xiàn)完畢時,展現(xiàn)裝置停止該內(nèi)容欄對所述滾動操作所指示的滾動方向上的響應(yīng)。
[0029]其中,所述方法通過執(zhí)行步驟S2(圖未示)和步驟S3(圖未示)來確定各個內(nèi)容欄的內(nèi)容信息是否已展現(xiàn)完畢。
[0030]在步驟S2中,展現(xiàn)裝置基于所述滾動操作所對應(yīng)的滾動方向,來確定所述多個內(nèi)容欄中各個內(nèi)容欄的剩余內(nèi)容長度。
[0031]在步驟S3中,展現(xiàn)裝置根據(jù)所述多個內(nèi)容欄中各自內(nèi)容欄的剩余內(nèi)容長度,來分別確定該各個內(nèi)容欄的內(nèi)容信息是否已展現(xiàn)完畢。
[0032]其中,所述方法還包括以下步驟S4(圖未示)。
[0033]在步驟S4中,當(dāng)所述多個內(nèi)容欄中有內(nèi)容欄的內(nèi)容未展現(xiàn)完畢時,展現(xiàn)裝置響應(yīng)于所述滾動操作來相應(yīng)地滾動并展現(xiàn)該內(nèi)容欄的內(nèi)容信息。
[0034]例如,圖3a示意出了一個示例性的網(wǎng)頁的內(nèi)容信息,圖3b示意出了一個示例性的交互界面。參照圖3所示的網(wǎng)頁頁面,該網(wǎng)頁頁面包含兩個內(nèi)容欄:左欄和右欄,其中,左欄的內(nèi)容的顯示長度較長,右欄的內(nèi)容的顯示長度較短。在用戶使用鼠標(biāo)的滾輪向下瀏覽頁面的過程中,展現(xiàn)裝置在步驟S2中基于該滾動操作所對應(yīng)的滾動方向,來確定所述該兩個內(nèi)容欄中各個內(nèi)容欄的剩余內(nèi)容長度。
[0035]當(dāng)頁面向下滾動到右欄的底部時,此時該網(wǎng)頁頁面中左欄和右欄中分別顯示的內(nèi)容信息如圖3b所示,展現(xiàn)裝置在步驟S3中根據(jù)左欄和右欄的剩余內(nèi)容長度,確定右欄的內(nèi)容信息已展現(xiàn)完畢。則當(dāng)用戶繼續(xù)向下滾動頁面時,展現(xiàn)裝置在步驟S1中停止該內(nèi)容欄對該滾動操作所指示的滾動方向上的響應(yīng),使得右欄停留在圖3b所示的位置而不再繼續(xù)向下滾動。并且,展現(xiàn)裝置響應(yīng)于該滾動操作來相應(yīng)地滾動并展現(xiàn)左欄余下的內(nèi)容信息。
[0036]根據(jù)本發(fā)明的一個優(yōu)選實施例,所述方法還包括步驟S5(圖未示)。
[0037]在步驟S5中,當(dāng)接收到滾動操作指令時,展現(xiàn)裝置基于當(dāng)前頁面中各個內(nèi)容欄各自的內(nèi)容的顯示長度,獲取所述多個內(nèi)容欄各自的顯示長度之間的最大差值。
[0038]當(dāng)所述最大差值超過預(yù)定閾值時,展現(xiàn)裝置執(zhí)行所述步驟S1的操作。
[0039]例如,網(wǎng)頁頁面中包含三個內(nèi)容欄,用戶通過拖拽頁面的滾動條來向下滾動頁面時,展現(xiàn)裝置在步驟S5中基于該內(nèi)容欄各自的內(nèi)容的顯示長度,獲取該三個內(nèi)容欄各自的顯示長度之間的最大差值,并確定其差值大于預(yù)定閾值。則展現(xiàn)裝置接著執(zhí)行步驟S1的操作,從而在確定有內(nèi)容欄的內(nèi)容信息已展現(xiàn)完畢時停止該內(nèi)容欄對于滾動操作的響應(yīng)。
[0040]根據(jù)本發(fā)明的方法,通過在有內(nèi)容欄展現(xiàn)完畢時停止該內(nèi)容欄對于滾動操作的響應(yīng),在用戶繼續(xù)滾動頁面瀏覽其他內(nèi)容欄的內(nèi)容時能夠繼續(xù)展現(xiàn)該內(nèi)容欄的內(nèi)容信息,而不會出現(xiàn)空白,減少了頁面空間的浪費。并且,無需用戶來回滾動頁面來回看已展現(xiàn)完畢的內(nèi)容欄的內(nèi)容,減少了用戶操作。
[0041]圖2示意出了根據(jù)本發(fā)明的一種用于展現(xiàn)交互界面的展現(xiàn)裝置的結(jié)構(gòu)示意圖。根據(jù)本發(fā)明的展現(xiàn)裝置包括用于在一交互界面響應(yīng)于滾動操作的滾動過程中,當(dāng)