頁面切換方法和裝置制造方法
【專利摘要】本發(fā)明涉及一種頁面切換方法和裝置。所述方法包括以下步驟:接收滑動操作,獲取滑動操作的滑動方向及滑動速度;根據所述滑動方向判定目標頁面與當前頁面的位置關系;根據所述滑動速度獲取滑動的頁面數;獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引;按照所述目標頁面的索引切換到所述目標頁面。上述頁面切換方法和裝置,通過滑動速度確定滑動的頁面數,再根據頁面數、滑動方向及目標頁面與當前頁面的位置關系確定目標頁面的索引,因引入了滑動速度確定滑動的頁面數,可根據目標頁面與當前頁面距離的遠近,調整滑動速度,方便快速的定位到目標頁面,提高了操作效率。
【專利說明】頁面切換方法和裝置
【技術領域】
[0001]本發(fā)明涉及頁面瀏覽技術,特別是涉及頁面切換方法和裝置。
【背景技術】
[0002]頁面的種類可為多種,如瀏覽器的網頁頁面或終端設備上顯示的菜單頁面。以瀏覽器為例,一般瀏覽器都支持同時打開多個網頁頁面,為了實現頁面切換界面,通常對多個網頁頁面采用兩種方法展示,一種是頁面標題和地址列表,另一種是頁面縮略圖集合。
[0003]當采用頁面縮略圖的方式展示,在縮略圖顯示區(qū)域進行右滑操作時,位于縮略圖顯示區(qū)域的左側的縮略圖會向中間滑動,滑動到中間位置后展開,中間位置的縮略圖會隨著右移向右側收起,可通過進行左滑操作或者右滑操作找到目標頁面縮略圖。然而,當目標頁面距離當前頁面較遠時,需要進行多次橫向滑動操作才能找到目標頁面,操作次數較多,造成操作效率較低。
【發(fā)明內容】
[0004]基于此,有必要提供一種能提高操作效率的頁面切換方法。
[0005]此外,還有必要提供一種能提高操作效率的頁面切換裝置。
[0006]一種頁面切換方法,包括以下步驟:
[0007]接收滑動操作,獲取所述滑動操作的滑動方向及滑動速度;
[0008]根據所述滑動方向判定目標頁面與當前頁面的位置關系;
[0009]根據所述滑動速度獲取滑動的頁面數;
[0010]獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引;
[0011 ] 按照所述目標頁面的索引切換到所述目標頁面。
[0012]一種頁面切換裝置,包括:
[0013]檢測模塊,用于接收滑動操作,獲取所述滑動操作的滑動方向及滑動速度;
[0014]判定模塊,用于根據所述滑動方向判定目標頁面與當前頁面的位置關系;
[0015]頁面數確定模塊,用于根據所述滑動速度獲取滑動的頁面數;
[0016]定位模塊,用于獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引;
[0017]切換模塊,用于按照所述目標頁面的索引切換到所述目標頁面。
[0018]上述頁面切換方法和裝置,通過滑動速度確定滑動的頁面數,再根據頁面數、滑動方向及目標頁面與當前頁面的位置關系確定目標頁面的索引,因引入了滑動速度確定滑動的頁面數,可根據目標頁面與當前頁面距離的遠近,調整滑動速度,方便快速的定位到目標頁面,提高了操作效率。
【專利附圖】
【附圖說明】[0019]圖1為一個實施例中頁面切換方法的流程示意圖;
[0020]圖2為瀏覽器中多頁面縮略圖橫向展示的示意圖;
[0021 ]圖3為建立坐標系的不意圖;
[0022]圖4為一個實施例中頁面切換裝置的內部結構示意圖;
[0023]圖5為另一個實施例中頁面切換裝置的內部結構示意圖。
【具體實施方式】
[0024]下面結合具體的實施例及附圖對頁面切換方法和裝置的技術方案進行詳細的描述,以使其更加清楚。
[0025]如圖1所示,在一個實施例中,一種頁面切換方法,包括以下步驟:
[0026]步驟S102,接收滑動操作,獲取滑動操作的滑動方向及滑動速度。
[0027]具體的,接收在觸摸屏上的滑動操作。若是瀏覽器的多個頁面以頁面縮略圖的方式展示,則在頁面縮略圖展示區(qū)域進行滑動操作;若是菜單中的應用圖標按種類分成多個頁面分布,則對觸摸屏的區(qū)域進行滑動操作;若是聯系人按名字頭字母排序進行展示,如字母A開頭的展示在第I頁面,字母B開頭的展示在第2頁面,如此類推,字母Z開頭的展示在第26頁面,查找某聯系人時,可對觸摸屏進行滑動操作,實現翻頁。
[0028]本實施例中,以瀏覽器中開啟多個頁面,展示當前頁面內容,其余頁面以頁面縮略圖形式展示在觸摸屏上的預先設定的區(qū)域為例進行描述。該觸摸屏可為智能手機、個人數字助理等終端設備中的觸摸屏,但不限于此。
[0029]在一個實施例中,獲取滑動方向的步驟包括:檢測滑動操作過程中連續(xù)兩個滑動點的位置關系,并根據該兩個滑動點的位置關系判定滑動方向。
[0030]具體的,觸摸屏的屏幕被劃分為多個點,每個點對應一個坐標。在觸摸屏上進行滑動操作時,不同點被觸摸的時間有先后順序。通過檢測滑動操作中的連續(xù)兩個滑動點的坐標,根據兩個滑動點的坐標確定滑動方向。
[0031]以頁面縮略圖橫向展示為例,如圖2所示,滑動操作為左右滑動。如圖3所示,以觸摸屏的左頂點為原點0,橫向延伸為X軸正方向,縱向延伸為Y軸正方向。檢測到連續(xù)的兩個滑動點的坐標分別為PO (x0,y0)和Pl (xl,yl),因頁面縮略圖橫向展示,僅考慮橫向坐標的大小,若x0〈xl,則表不滑動方向為第一方向滑動,即從左向右滑動,若x0>xl,則表示滑動方向為第二方向,即從右向左滑動。
[0032]以頁面縮略圖縱向展示為例,滑動操作為上下滑動,參圖3,檢測到連續(xù)的兩個滑動點的坐標分別為PO (x0,y0)和Pl (xl,yl),因頁面縮略圖縱向展示,僅考慮縱向坐標的大小,若y0〈yl,則表不滑動方向為第一方向滑動,即從上向下滑動,若y0>yl,則表不滑動方向為第二方向,即從下向上滑動。
[0033]在一個實施例中,獲取滑動速度的步驟包括:檢測滑動操作結束前的最后兩個連續(xù)的滑動點間的距離和滑動時間,根據該距離和滑動時間進行處理得到該滑動速度。
[0034]具體的,在觸摸屏上進行滑動操作,滑動力度通過滑動速度體現。最后兩個連續(xù)的滑動點的距離及滑動時間相除得到滑動速度。
[0035]以頁面縮略圖橫向展示為例,最后兩個連續(xù)的滑動點的距離可僅計算滑動點在橫坐標上的變化。同理,頁面縮略圖縱向展示時,最后兩個連續(xù)的滑動點的距離可僅計算滑動點在縱坐標上的變化。僅計算一個坐標變化,計算簡單,處理效率高。
[0036]步驟S104,根據該滑動方向判定目標頁面與當前頁面的位置關系。
[0037]具體的,若滑動方向為第一方向,則表示目標頁面與當前頁面的位置關系為目標頁面位于當前頁面的前頁;若滑動方向為第二方向,則目標頁面與當前頁面的位置關系為目標頁面位于當前頁面的后頁。前頁是指將頁面按展示順序編號后,編號在前的頁面為編號在后的頁面的前頁。同樣,后頁是指編號在后的頁面為編號在前的頁面的后頁。例如,有N個頁面縮略圖,按展示順序分別編號為O至N-1,則編號5的頁面為編號6至編號N-1的頁面的前頁,編號6的頁面為編號O至5的頁面的后頁。
[0038]以頁面縮略圖橫向展示為例,滑動方向為從左向右時,目標頁面位于當前頁面的左側,滑動方向為從右向左時,目標頁面位于當前頁面的右側。
[0039]步驟S106,根據滑動速度獲取滑動的頁面數。
[0040]具體的,可預先設置滑動參數。該滑動參數是通過多次滑動操作測試統(tǒng)計得出的。獲取滑動速度與滑動參數的比值,將該比值作為滑動的頁面數。
[0041]步驟S108,獲取當前頁面的索引,根據該目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引。
[0042]例如有N個頁面縮略圖橫向展示,其索引依次是O到N-1,當前頁面縮略圖的索引表示為current Index,目標頁面縮略圖的索引表示為targetlndex,根據滑動速度計算得到的滑動頁面數表示為X。
[0043]當滑動方向為第一方向,即從左向右滑動,targetIndex=currentIndex 一 X ;當滑動方向為第二方向,即從右向左滑動,targetIndex=currentIndex+X。
[0044]為了防止targetlndex超出[0,N-1]的范圍,修正目標頁面的索弓丨,即若得到的targetlndex值小于O,則targetlndex為O,若得到的targetlndex值大于N-1,則targetlndex 為 N-10
[0045]步驟S110,按照該目標頁面的索引切換到該目標頁面。
[0046]具體的,對于瀏覽器的多個頁面,通過查找到目標頁面的索引后,動畫滑動目標頁面的縮略圖到屏幕中央位置。
[0047]對于聯系人信息多個頁面展示的,通過查找到目標頁面的索引后,滑動該目標頁面并展示該目標頁面上的聯系人信息。
[0048]上述頁面切換方法,通過滑動速度確定滑動的頁面數,再根據頁面數、滑動方向及目標頁面與當前頁面的位置關系確定目標頁面的索引,因引入了滑動速度確定滑動的頁面數,可根據目標頁面與當前頁面距離的遠近,調整滑動速度,方便快速的定位到目標頁面,提高了操作效率。
[0049]如圖4所示,在一個實施例中,一種頁面切換裝置,包括檢測模塊102、判定模塊104、頁面數確定模塊106、定位模塊108和切換模塊110。其中:
[0050]檢測模塊102用于接收滑動操作,獲取滑動操作的滑動方向及滑動速度。具體的,接收在觸摸屏上的滑動操作。若是瀏覽器的多個頁面以頁面縮略圖的方式展示,則在頁面縮略圖展示區(qū)域進行滑動操作;若是菜單中的應用圖標按種類分成多個頁面分布,則對觸摸屏的區(qū)域進行滑動操作;若是聯系人按名字頭字母排序進行展示,如字母A開頭的展示在第I頁面,字母B開頭的展示在第2頁面,如此類推,字母Z開頭的展示在第26頁面,查找某聯系人時,可對觸摸屏進行滑動操作,實現翻頁。本實施例中,以瀏覽器中開啟多個頁面,展示當前頁面內容,其余頁面以頁面縮略圖形式展示在觸摸屏上的預先設定的區(qū)域為例進行描述。
[0051]在一個實施例中,檢測模塊102還用于檢測滑動操作過程中連續(xù)兩個滑動點的位置關系,并根據該兩個點的位置關系判定滑動方向。
[0052]具體的,觸摸屏的屏幕被劃分為多個點,每個點對應一個坐標。在觸摸屏上進行滑動操作時,不同點被觸摸的時間有先后順序。檢測模塊102檢測滑動操作中的連續(xù)兩個滑動點的坐標,根據兩個滑動點的坐標確定滑動方向。
[0053]以頁面縮略圖橫向展示為例,如圖2所示,滑動操作為左右滑動。如圖3所示,以觸摸屏的左頂點為原點,橫向延伸為X軸正方向,縱向延伸為Y軸正方向。檢測到連續(xù)的兩個滑動點的坐標分別為PO (x0,y0)和Pl (xl,yl),因頁面縮略圖橫向展示,僅考慮橫向坐標的大小,若x0〈xl,則表不滑動方向為第一方向滑動,即從左向右滑動,若x0>xl,則表不滑動方向為第二方向,即從右向左滑動。
[0054]以頁面縮略圖縱向展示為例,滑動操作為上下滑動,參圖3,檢測到連續(xù)的兩個滑動點的坐標分別為PO (x0,y0)和Pl (xl,yl),因頁面縮略圖縱向展示,僅考慮縱向坐標的大小,若y0〈yl,則表不滑動方向為第一方向滑動,即從上向下滑動,若y0>yl,則表不滑動方向為第二方向,即從下向上滑動。
[0055]在一個實施例中,檢測模塊102檢測滑動操作結束前的最后兩個連續(xù)的滑動點間的距離和滑動時間,根據該距離和滑動時間進行處理得到該滑動速度。
[0056]具體的,在觸摸屏上進行滑動操作,滑動力度通過滑動速度體現。最后兩個連續(xù)的滑動點的距離及滑動時間相除得到滑動速度。
[0057]以頁面縮略圖橫向展示為例,最后兩個連續(xù)的滑動點的距離可僅計算滑動點在橫坐標上的變化。同理,頁面縮略圖縱向展示時,最后兩個連續(xù)的滑動點的距離可僅計算滑動點在縱坐標上的變化。僅計算一個坐標變化,計算簡單,處理效率高。
[0058]判定模塊104用于根據所述滑動方向判定目標頁面與當前頁面的位置關系。
[0059]具體的,若滑動方向為第一方向,則表示目標頁面與當前頁面的位置關系為目標頁面位于當前頁面的前頁;若滑動方向為第二方向,則目標頁面與當前頁面的位置關系為目標頁面位于當前頁面的后頁。前頁是指將頁面按展示順序編號后,編號在前的頁面為編號在后的頁面的前頁。同樣,后頁是指編號在后的頁面為編號在前的頁面的后頁。例如,有N個頁面縮略圖,按展示順序分別編號為O至N-1,則編號5的頁面為編號6至編號N-1的頁面的前頁,編號6的頁面為編號O至5的頁面的后頁。
[0060]以頁面縮略圖橫向展示為例,滑動方向為從左向右時,目標頁面位于當前頁面的左側,滑動方向為從右向左時,目標頁面位于當前頁面的右側。
[0061]頁面數確定模塊106用于根據所述滑動速度獲取滑動的頁面數。
[0062]定位模塊108用于獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引。
[0063]例如有N個頁面縮略圖橫向展示,其索引依次是O到N-1,當前頁面縮略圖的索引表示為current Index,目標頁面縮略圖的索引表示為targetlndex,根據滑動速度計算得到的滑動頁面數表示為X。[0064]當滑動方向為第一方向,即從左向右滑動,targetIndex=currentIndex-X ;當滑動方向為第二方向,即從右向左滑動,targetIndex=currentIndex+X。
[0065]切換模塊110用于按照所述目標頁面的索引切換到所述目標頁面。具體的,對于瀏覽器的多個頁面,通過查找到目標頁面的索引后,切換模塊110動畫滑動目標頁面的縮略圖到屏幕中央位置。
[0066]對于聯系人信息多個頁面展示的,通過查找到目標頁面的索引后,滑動該目標頁面并展示該目標頁面上的聯系人信息。
[0067]上述頁面切換裝置,通過滑動速度確定滑動的頁面數,再根據頁面數、滑動方向及目標頁面與當前頁面的位置關系確定目標頁面的索引,因引入了滑動速度確定滑動的頁面數,可根據目標頁面與當前頁面距離的遠近,調整滑動速度,方便快速的定位到目標頁面,提高了操作效率。
[0068]如圖5所示,在一個實施例中,上述頁面切換裝置還包括預設模塊112和修正模塊114。其中:
[0069]預設模塊112用于預先設置滑動參數。具體的,可預先設置滑動參數。該滑動參數是通過多次滑動操作測試統(tǒng)計得出的。
[0070]頁面數確定模塊106還用于獲取所述滑動速度與所述滑動參數的比值,將所述比值作為滑動的頁面數。
[0071]修正模塊114用于修正目標頁面的索引。為了防止targetlndex超出[0,N-1]的范圍,修正模塊114修正目標頁面的索弓I,即若得到的targetlndex值小于O,則targetlndex 為 O,若得到的 targetlndex 值大于 N-1,則 targetlndex 為 N-1。
[0072]本領域普通技術人員可以理解實現上述實施例方法中的全部或部分流程,是可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于一計算機可讀取存儲介質中,該程序在執(zhí)行時,可包括如上述各方法的實施例的流程。其中,所述的存儲介質可為磁碟、光盤、只讀存儲記憶體(Read-Only Memory, ROM)或隨機存儲記憶體(Random AccessMemory, RAM)等。
[0073]以上所述實施例僅表達了本發(fā)明的幾種實施方式,其描述較為具體和詳細,但并不能因此而理解為對本發(fā)明專利范圍的限制。應當指出的是,對于本領域的普通技術人員來說,在不脫離本發(fā)明構思的前提下,還可以做出若干變形和改進,這些都屬于本發(fā)明的保護范圍。因此,本發(fā)明專利的保護范圍應以所附權利要求為準。
【權利要求】
1.一種頁面切換方法,包括以下步驟: 接收滑動操作,獲取所述滑動操作的滑動方向及滑動速度; 根據所述滑動方向判定目標頁面與當前頁面的位置關系; 根據所述滑動速度獲取滑動的頁面數; 獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引; 按照所述目標頁面的索引切換到所述目標頁面。
2.根據權利要求1所述的頁面切換方法,其特征在于,所述獲取滑動方向的步驟為: 檢測滑動操作過程中連續(xù)的兩個滑動點的位置關系,并根據所述兩個滑動點的位置關系判定所述滑動方向。
3.根據權利要求1或2所述的頁面切換方法,其特征在于,所述獲取滑動速度的步驟為: 檢測滑動操作結束前的最后兩個連續(xù)的滑動點間的距離和滑動時間,根據所述距離和滑動時間進行處理得到所述滑動速度。
4.根據權利要求1所述的頁面切換方法,其特征在于,所述根據所述滑動方向判定目標頁面與當前頁面的位置關系的步驟包括: 若滑動方向為第一方向,則所述目標頁面與當前頁面的位置關系為所述目標頁面位于當前頁面的前頁; 若滑動方向為第二方向,則所述目標頁面與當前頁面的位置關系為所述目標頁面位于當前頁面的后頁。
5.根據權利要求1所述的頁面切換方法,其特征在于,在所述接收滑動操作,獲取所述滑動操作的滑動方向及滑動速度的步驟之前,還包括: 預先設置滑動參數; 所述根據所述滑動速度獲取滑動的頁面數的步驟包括: 獲取所述滑動速度與所述滑動參數的比值,將所述比值作為滑動的頁面數。
6.根據權利要求1所述的頁面切換方法,其特征在于,在所述獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引的步驟之后,還包括步驟: 修正所述目標頁面的索引。
7.一種頁面切換裝置,其特征在于,包括: 檢測模塊,用于接收滑動操作,獲取所述滑動操作的滑動方向及滑動速度; 判定模塊,用于根據所述滑動方向判定目標頁面與當前頁面的位置關系; 頁面數確定模塊,用于根據所述滑動速度獲取滑動的頁面數; 定位模塊,用于獲取當前頁面的索引,根據所述目標頁面與當前頁面的位置關系、滑動的頁面數以及當前頁面的索引獲取目標頁面的索引; 切換模塊,用于按照所述目標頁面的索引切換到所述目標頁面。
8.根據權利要求7所述的 頁面切換裝置,其特征在于,所述檢測模塊還用于檢測滑動操作過程中連續(xù)的兩個滑動點的位置關系,并根據所述兩個滑動點的位置關系判定所述滑動方向。
9.根據權利要求7或8所述的頁面切換裝置,其特征在于,所述檢測模塊還用于檢測滑動操作結束前的最后兩個連續(xù)的滑動點間的距離和滑動時間,根據所述距離和滑動時間進行處理得到所述滑動速度。
10.根據權利要求7所述的頁面切換裝置,其特征在于,若滑動方向為第一方向,則所述目標頁面與當前頁面的位置關系為所述目標頁面位于當前頁面的前頁; 若滑動方向為第二方向,則所述目標頁面與當前頁面的位置關系為所述目標頁面位于當前頁面的后頁。
11.根據權利要求7所述的頁面切換裝置,其特征在于,所述頁面切換裝置還包括: 預設模塊,用于預先設置滑動參數; 所述頁面數確定模塊還用于獲取所述滑動速度與所述滑動參數的比值,將所述比值作為滑動的頁面數。
12.根據權利要求7所述的頁面切換裝置,其特征在于,所述頁面切換裝置還包括: 修正模塊,修正所述目 標頁面的索引。
【文檔編號】G06F3/0488GK103809891SQ201210454136
【公開日】2014年5月21日 申請日期:2012年11月13日 優(yōu)先權日:2012年11月13日
【發(fā)明者】李慧, 許峰峰 申請人:騰訊科技(深圳)有限公司