專利名稱:實現(xiàn)多Tab頁面切換的方法及其觸摸式移動終端的制作方法
技術領域:
本發(fā)明涉及觸摸式移動終端領域,更具體地涉及一種實現(xiàn)多Tab頁面切換的方法及其觸摸式移動終端。
背景技術:
Tab頁面(或稱標簽選項卡)為常用的交互界面應用形式。Tab頁面一般包括Tab區(qū)和數(shù)據(jù)區(qū),Tab區(qū)包括多個Tab標簽顯示區(qū),Tab標簽顯示區(qū)顯示Tab標簽,當任一 Tab標簽被選中(點擊、滑動或光標覆蓋)時數(shù)據(jù)區(qū)將展示其對應的用戶數(shù)據(jù)。Tab頁面的運用不但有利于分類信息的顯示、在有限的應用界面中展現(xiàn)盡可能多的信息,而且具有易操作、切換速度快及用戶體驗好的優(yōu)點。然而,現(xiàn)有Tab頁面僅適用于并列的多個主分類頁面間的切換,無法應對“矩陣式”分類頁面的切換,即當主分類下還存在多個子分類頁面時,現(xiàn)有Tab頁面就無法實現(xiàn)有效的切換,從而限制了 Tab頁面的適用范圍。因此,有必要提供一種實現(xiàn)多Tab頁面切換的方法及其觸摸式移動終端來克服上述缺陷。
發(fā)明內(nèi)容
本發(fā)明的目的是提供一種實現(xiàn)多Tab頁面切換的方法以實現(xiàn)Tab頁面對“矩陣式”分類項目的展示,拓展Tab頁面的應用范圍,保持Tab頁面易操作、切換速度快及用戶體驗好的優(yōu)點。本發(fā)明的另一目的是提供一種具有多Tab頁面切換功能的觸摸式移動終端,以實現(xiàn)Tab頁面對“矩陣式”分類項目的展示,拓展Tab頁面的應用范圍,保持Tab頁面易操作、切換速度快及用戶體驗好的優(yōu)點。為了實現(xiàn)上述目的,本發(fā)明提供了一種實現(xiàn)多Tab頁面切換的方法,適用于觸摸式移動終端的交互界面,所述方法包括如下步驟:(I)監(jiān)測任一 Tab標簽顯示區(qū)內(nèi)是否有觸摸操作;(2)根據(jù)(I)的監(jiān)測結果獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù);(3)根據(jù)所述操作屬性實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換。與現(xiàn)有技術相比,本發(fā)明先監(jiān)測任一所述Tab標簽顯示區(qū)內(nèi)是否有觸摸操作,再根據(jù)監(jiān)測結果獲取觸摸操作的操作屬性,最后根據(jù)操作屬性切換Tab標簽顯示區(qū)顯示的Tab標簽及數(shù)據(jù)區(qū)展示的用戶數(shù)據(jù),實現(xiàn)了 Tab頁面對“矩陣式”分類項目的展示,拓展了Tab頁面的應用范圍,保持了 Tab頁面易操作、切換速度快及用戶體驗好的優(yōu)點。具體地,所述步驟(I)之前還包括:建立每一所述Tab標簽顯示區(qū)對應的Tab標簽列表,所述Tab標簽列表包括多個所述Tab標簽及其對應的所述用戶數(shù)據(jù)。具體地,所述步驟(3)包括:(31)判斷所述操作類型是否為滑動操作,若是,則執(zhí)行步驟(32),反之,則執(zhí)行步驟(33);(32)判斷所述滑動操作的滑動距離是否超過閾值,若是,則根據(jù)所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù),反之,則執(zhí)行所述步驟(I);(33)判斷所述操作類型是否為長按,若是,則顯示所述Tab標簽列表并執(zhí)行步驟(34 ),反之,則執(zhí)行所述步驟(I);(34)判斷所述Tab標簽列表中的任一所述Tab標簽是否被選中,若是,則執(zhí)行步驟
(35),反之,則重復所述步驟(34);(35)切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為選中的所述Tab標簽,并切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標簽對應的所述用戶數(shù)據(jù)。具體地,所述步驟(32)中“根據(jù)所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)”具體為:當所述滑動操作的滑動方向向上時,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的下一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標簽對應的所述用戶數(shù)據(jù);當所述滑動操作的滑動方向向下時,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的上一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標簽對應的所述用戶數(shù)據(jù)。較佳地,所述步驟(3)中實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換時均展現(xiàn)推動式動畫效果。相應的,本發(fā)明還提供了一種具有多Tab頁面切換功能的觸摸式移動終端,包括:監(jiān)測模塊,用于監(jiān)測任一所述Tab標簽顯示區(qū)內(nèi)是否有觸摸操作;獲取模塊,用于根據(jù)所述監(jiān)測模塊的監(jiān)測結果獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù);切換模塊,用于根據(jù)所述操作屬性實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換。具體地,所述觸摸式移動終端還包括:建立模塊,用于建立每一所述Tab標簽顯示區(qū)對應的Tab標簽列表,所述Tab標簽列表包括多個所述Tab標簽及其對應的所述用戶數(shù)據(jù)。具體地,所述切換模塊包括:第一判斷單元,用于判斷所述操作類型是否為滑動操作;第二判斷單元,用于根據(jù)所述第一判斷單元的判斷結果判斷所述滑動操作的滑動距離是否超過閾值;第一切換單元,用于根據(jù)所述第二判斷單元的判斷結果和所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù);第三判斷單元,用于根據(jù)所述第一判斷單元的判斷結果判斷所述操作類型是否為長按;顯示單元,用于根據(jù)所述第三判斷單元的判斷結果顯示對應的所述Tab標簽列表中的所有所述Tab標簽;第四判斷單元,用于判斷所述Tab標簽列表中的任一所述Tab標簽是否被選中;第二切換單元,用于根據(jù)所述第四判斷單元的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為選中的所述Tab標簽及切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標簽對應的所述用戶數(shù)據(jù)。具體地,所述第一切換單元包括:第一判斷子單元,用于判斷所述滑動操作的滑動方向是否向上;第一切換子單元,用于根據(jù)所述第一判斷子單元的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的下一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標簽對應的所述用戶數(shù)據(jù);第二判斷子單元,用于根據(jù)所述第一判斷子單元的判斷結果判斷所述滑動操作的滑動方向是否向下;第二切換子單元,用于根據(jù)所述第二判斷子單元的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的上一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標簽對應的所述用戶數(shù)據(jù)。較佳地,所述切換模塊實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換時均展現(xiàn)推動式動畫效果。通過以下的描述并結合附圖,本發(fā)明將變得更加清晰,這些附圖用于解釋本發(fā)明的實施例。
圖1為本發(fā)明的實現(xiàn)多Tab頁面切換的方法的一實施例流程圖。圖2為圖1中交互界面的一示意圖。圖3為圖1中Tab標簽列表的一不意圖。圖4為圖1中Tab標簽列表的另一不意圖。圖5a為圖1中交互界面的另一示意圖。圖5bl為圖1中交互界面的另一示意圖。圖5b2為圖1中交互界面的另一示意圖。圖5cl為圖1中交互界面的另一示意圖。圖5c2為圖1中交互界面的另一示意圖。圖6a為圖1中交互界面的另一示意圖。圖6b為圖1中交互界面的另一示意圖。圖6c為圖1中交互界面的另一示意圖。圖7為本發(fā)明的具有多Tab頁面切換功能的觸摸式移動終端的一實施例結構框圖。圖8為圖7中切換模塊的結構框圖。圖9為圖8中第一切換單元的結構框圖。
具體實施例方式現(xiàn)在參考附圖描述本發(fā)明的實施例,附圖中類似的元件標號代表類似的元件。參照圖1,本發(fā)明的實現(xiàn)多Tab頁面切換的方法,適用于觸摸式移動終端的交互界面,所述交互界面包括Tab區(qū)和數(shù)據(jù)區(qū),所述Tab區(qū)包括多個Tab標簽顯示區(qū),所述Tab標簽顯示區(qū)顯示Tab標簽,所述數(shù)據(jù)區(qū)展示被選中的所述Tab標簽對應的用戶數(shù)據(jù);如:如圖2所示,交互界面200包括Tab區(qū)201和數(shù)據(jù)區(qū)202,Tab區(qū)201包括Tab標簽顯示區(qū)2011(2012,2013,2014),Tab 標簽顯示區(qū) 2011 (2012、2013、2014)分別顯示 Tab 標簽“Tab-10”(“Tab-20”、“Tab-12”、“Tab-13”),所述數(shù)據(jù)區(qū)202展示被選中的Tab標簽“Tab-ΙΟ”對應的用戶數(shù)據(jù) “Content-10”;具體地,所述方法包括如下步驟:步驟SlOl,建立每一所述Tab標簽顯示區(qū)對應的所述Tab標簽列表,所述Tab標簽列表包括多個所述Tab標簽及其對應的所述用戶數(shù)據(jù);如:如圖3所示,建立了圖2中Tab標簽顯示區(qū)2013對應的Tab標簽列表300,Tab標簽列表300包括“Tab-30”、“Tab-31”、“ Tab-32 ” 和 “ Tab-33 ”,以及“ Tab-30 ”對應的用戶數(shù)據(jù) “ Content-30 ”、“ Tab-31” 對應的用戶數(shù)據(jù)“Content-31”、“Tab-32”對應的用戶數(shù)據(jù)“Content-32”和“Tab-33”對應的用戶數(shù)據(jù)“Content-33”;又如:如圖4所示,建立了圖2中Tab標簽顯示區(qū)2014對應的Tab標簽列表 400,Tab 標簽列表 400 包括“丁&13-40”、“丁&13-41”、“丁&13-42”和 “Tab-43”,以及“Tab-40”對應的用戶數(shù)據(jù)“ Content-40 ”、“ Tab-41 ”對應的用戶數(shù)據(jù)“ Content-41”、“ Tab-42 ”對應的用戶數(shù)據(jù)“ Content-42 ”和“ Tab-43 ”對應的用戶數(shù)據(jù)“ Content-43 ” ;步驟S102,監(jiān)測任一所述Tab標簽顯示區(qū)內(nèi)是否有觸摸操作,若是,則執(zhí)行步驟S103,反之,則重復所述步驟S102 ;如:監(jiān)測到Tab標簽顯示區(qū)2014 (如圖5a所示)內(nèi)有觸摸操作,于是執(zhí)行步驟S103 ;又如:監(jiān)測到Tab標簽顯示區(qū)2013 (如圖6a所示)內(nèi)有觸摸操作,于是執(zhí)行步驟S103;步驟S103,獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù);本領域技術人員應當清楚,不同的操作類型(如:單擊、雙擊、長按及滑動等)具有不同的操作參數(shù)(如:滑動操作的距離);如:獲取到所述觸摸操作的操作類型為滑動操作、滑動方向向上及滑動距離為11個像素;又如:獲取到所述觸摸操作的操作類型為滑動操作、滑動方向向下及滑動距離為11個像素;又如:獲取到所述觸摸操作的操作類型為長按;步驟S104,判斷所述操作類型是否為滑動操作,若是,則執(zhí)行步驟S105,反之,則執(zhí)行步驟SllO ;如:所述操作類型為滑動操作,于是執(zhí)行步驟S105 ;又如:所述操作類型為長按,于是執(zhí)行步驟SllO ;步驟S105,判斷所述滑動操作的滑動距離是否超過閾值,若是,則執(zhí)行步驟S106,反之,則重復所述步驟S102至所述步驟S105 ;如:閾值為10個像素,而滑動操作的滑動距離為11個像素,于是執(zhí)行步驟S106 ;步驟S106,判斷所述滑動操作的滑動方向是否向上,若是,則執(zhí)行步驟S107,反之,則執(zhí)行步驟S108 ;如:滑動操作的滑動方向向上,于是執(zhí)行步驟S107 ;又如:滑動操作的滑動方向向下,于是執(zhí)行步驟S108 ;步驟S107,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的下一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標簽對應的所述用戶數(shù)據(jù);其中,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)時均展現(xiàn)推動式動畫效果;推動式動畫效果具體為先設定動畫的總時長(如:500ms)并獲取所述Tab標簽顯示區(qū)的高度(如:100個像素),再設定動畫的步調時長(如:50ms),再由所述Tab標簽顯示區(qū)的高度(如:100個像素)、總時長(如:500ms)及步調時長(如:50ms)計算得出動畫的步調高度(如:100*50/500=10,即步調高度為10個像素),最后在總時長(如:500ms)期限內(nèi)每隔步調時長(如:50ms)由新Tab標簽或新用戶數(shù)據(jù)以步調高度(如:10個像素)逐步覆蓋原Tab標簽或原用戶數(shù)據(jù),從而實現(xiàn)推動式的視覺效果;如:如圖5a所示,Tab標簽顯示區(qū)2014顯示的為“Tab-40 “,再如圖4所示,“Tab_40”的下一 Tab標簽為“Tab-41 “,而“Tab-41 “對應的用戶數(shù)據(jù)為” Content-41 “,于是展現(xiàn)推動式動畫效果,如圖5bl所示,在Tab標簽顯示區(qū)2014內(nèi)“Tab-41 “由下往上緩慢覆蓋” Tab-40 “,同時在數(shù)據(jù)區(qū)202內(nèi)“Content-41”由下往上緩慢覆蓋”Content-40 “,最后如圖5b2所示,切換后Tab標簽顯示區(qū)2014顯示的Tab標簽為“Tab_41 “,相應的數(shù)據(jù)區(qū)202展示的用戶數(shù)據(jù)為 “Content-41 ” ;步驟S108,判斷所述滑動操作的滑動方向是否向下,若是,則執(zhí)行步驟S109,反之,則重復所述步驟S102至所述步驟S108 ;如:滑動操作的滑動方向向下,于是執(zhí)行步驟S109 ;步驟S109,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的上一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標簽對應的所述用戶數(shù)據(jù)。其中,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)時均展現(xiàn)推動式動畫效果。如:如圖5a所示,Tab標簽顯示區(qū)2014顯示的為“Tab-40 “,再如圖4所示,由于“Tab-40”為第一個Tab標簽,于是將最后的“Tab_43 “設為“Tab-40”的上一 Tab標簽,而“Tab_43 “對應的用戶數(shù)據(jù)為”Content-43 “,于是展現(xiàn)推動式動畫效果,如圖5cl所示,Tab標簽顯示區(qū)2014內(nèi)“Tab-43 “由上往下緩慢覆蓋”Tab-40 “,同時數(shù)據(jù)區(qū)202內(nèi)“Content-43”由上往下緩慢覆蓋”Content-40 “,最后如圖5c2所示,切換后Tab標簽顯示區(qū)2014顯示的Tab標簽為“Tab_43 “,相應的數(shù)據(jù)區(qū)202展示的用戶數(shù)據(jù)為 “Content-43”;步驟SI 10,判斷所述操作類型是否為長按,若是,則顯示對應的所述Tab標簽列表中的所有所述Tab標簽并執(zhí)行步驟S111,反之,則執(zhí)行所述步驟S102 ;如:由于所述步驟S102監(jiān)測到Tab標簽顯示區(qū)2013 (如圖6a所示)內(nèi)有觸摸操作,且所述步驟S103獲取的所述操作類型為長按,于是顯示Tab標簽顯示區(qū)2013 (如圖6a所示)對應的所述Tab標簽列表中的所有所述Tab標簽(如圖6b所示)并執(zhí)行步驟Slll ;步驟SI 11,判斷所述Tab標簽列表中的任一所述Tab標簽是否被選中,若是,則執(zhí)行步驟SI 12,反之,貝U重復所述步驟Slll ;如:如圖6b所示,所述Tab標簽列表中的Tab標簽“Tab-31”被選中,于是執(zhí)行步驟SI 12 ;步驟SI 12,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為選中的所述Tab標簽及切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標簽對應的所述用戶數(shù)據(jù)。如:如圖6c所示,切換后Tab標簽顯示區(qū)2013顯示的Tab標簽為“Tab_31”,同時切換數(shù)據(jù)區(qū)202展示的用戶數(shù)據(jù)為“Content-31”。
參照圖6,本發(fā)明的具有多Tab頁面切換功能的觸摸式移動終端100,包括:建立模塊10,用于建立每一所述Tab標簽顯示區(qū)對應的所述Tab標簽列表,所述Tab標簽列表包括多個所述Tab標簽及其對應的所述用戶數(shù)據(jù);監(jiān)測模塊20,用于監(jiān)測任一所述Tab標簽顯示區(qū)內(nèi)是否有觸摸操作;獲取模塊30,用于根據(jù)所述監(jiān)測模塊20的監(jiān)測結果獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù);切換模塊40,用于根據(jù)所述獲取模塊30獲取的所述操作屬性切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù),其中所述切換模塊切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)時均展現(xiàn)推動式動畫效果。具體地,如圖8所示,所述切換模塊40包括:第一判斷單元401,用于判斷所述操作類型是否為滑動操作;第二判斷單元402,用于根據(jù)所述第一判斷單元401的判斷結果判斷所述滑動操作的滑動距離是否超過閾值;第一切換單元403,用于根據(jù)所述第二判斷單元402的判斷結果和所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù);第三判斷單元404,用于根據(jù)所述第一判斷單元401的判斷結果判斷所述操作類型是否為長按;顯示單元405,用于根據(jù)所述第三判斷單元404的判斷結果顯示對應的所述Tab標簽列表中的所有所述Tab標簽;第四判斷單元406,用于判斷所述Tab標簽列表中的任一所述Tab標簽是否被選中;第二切換單元407,用于根據(jù)所述第四判斷單元406的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為選中的所述Tab標簽及切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標簽對應的所述用戶數(shù)據(jù)。具體地,如圖9所示,所述第一切換單元403包括:第一判斷子單元4031,用于判斷所述滑動操作的滑動方向是否向上;第一切換子單元4032,用于根據(jù)所述第一判斷子單元4031的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的下一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標簽對應的所述用戶數(shù)據(jù);第二判斷子單元4033,用于根據(jù)所述第一判斷子單元4031的判斷結果判斷所述滑動操作的滑動方向是否向下;第二切換子單元4034,用于根據(jù)所述第二判斷子單元4033的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的上一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標簽對應的所述用戶數(shù)據(jù)。根據(jù)以上描述可以看出,所述觸摸式移動終端100先通過監(jiān)測模塊20監(jiān)測任一所述Tab標簽顯示區(qū)內(nèi)是否有觸摸操作,再通過判斷模塊30根據(jù)監(jiān)測結果獲取觸摸操作的操作屬性,最后通過切換模塊40根據(jù)操作屬性切換Tab標簽顯示區(qū)顯示的Tab標簽及數(shù)據(jù)區(qū)展示的用戶數(shù)據(jù),實現(xiàn)了 Tab頁面對“矩陣式”分類項目的展示,拓展了 Tab頁面的應用范圍,保持了 Tab頁面易操作、切換速度快及用戶體驗好的優(yōu)點。以上結合最佳實施例對本發(fā)明進行了描述,但本發(fā)明并不局限于以上揭示的實施例,而應當涵蓋各種根據(jù)本發(fā)明的本質進行的修改、等效組合。
權利要求
1.一種實現(xiàn)多Tab頁面切換的方法,適用于觸摸式移動終端的交互界面,其特征在于,包括如下步驟: (1)監(jiān)測任一Tab標簽顯示區(qū)內(nèi)是否有觸摸操作; (2)根據(jù)(I)的監(jiān)測結果獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù); (3)根據(jù)所述操作屬性實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換。
2.如權利要求1所述的實現(xiàn)多Tab頁面切換的方法,其特征在于,所述步驟(I)之前還包括: 建立每一所述Tab標簽顯示區(qū)對應的所述Tab標簽列表,所述Tab標簽列表包括多個所述Tab標簽及所述Tab標簽對應的所述用戶數(shù)據(jù)。
3.如權利要求2所述的實 現(xiàn)多Tab頁面切換的方法,其特征在于,所述步驟(3)具體包括: (31)判斷所述操作類型是否為滑動操作,若是,則執(zhí)行步驟(32),反之,則執(zhí)行步驟(33); (32)判斷所述滑動操作的滑動距離是否超過閾值,若是,則根據(jù)所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù),反之,則執(zhí)行所述步驟(I); (33)判斷所述操作類型是否為長按,若是,則顯示所述Tab標簽列表并執(zhí)行步驟(34),反之,則執(zhí)行所述步驟(I); (34)判斷所述Tab標簽列表中的任一所述Tab標簽是否被選中,若是,則執(zhí)行步驟(35),反之,則重復所述步驟(34); (35)切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為選中的所述Tab標簽,并切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標簽對應的所述用戶數(shù)據(jù)。
4.如權利要求3所述的實現(xiàn)多Tab頁面切換的方法,其特征在于,所述步驟(32)中“根據(jù)所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)”具體為: 當所述滑動操作的滑動方向向上時,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的下一所述Tab標簽,并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標簽對應的所述用戶數(shù)據(jù); 當所述滑動操作的滑動方向向下時,切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的上一所述Tab標簽,并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標簽對應的所述用戶數(shù)據(jù)。
5.如權利要求1至4任一項所述的實現(xiàn)多Tab頁面切換的方法,其特征在于,所述步驟(3)中實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換時均展現(xiàn)推動式動畫效果。
6.一種具有多Tab頁面切換功能的觸摸式移動終端,其特征在于,包括: 監(jiān)測模塊,用于監(jiān)測任一所述Tab標簽顯示區(qū)內(nèi)是否有觸摸操作; 獲取模塊,用于根據(jù)所述監(jiān)測模塊的監(jiān)測結果獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù); 切換模塊,用于根據(jù)所述操作屬性實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換。
7.如權利要求6所述的具有多Tab頁面切換功能的觸摸式移動終端,其特征在于,還包括: 建立模塊,用于建立每一所述Tab標簽顯不區(qū)對應的Tab標簽列表,所述Tab標簽列表包括多個所述Tab標簽及其對應的所述用戶數(shù)據(jù)。
8.如權利要求7所述的具有多Tab頁面切換功能的觸摸式移動終端,其特征在于,所述切換模塊具體包括: 第一判斷單元,用于判斷所述操作類型是否為滑動操作; 第二判斷單元,用于根據(jù)所述第一判斷單元的判斷結果判斷所述滑動操作的滑動距離是否超過閾值; 第一切換單元,用于根據(jù)所述第二判斷單元的判斷結果和所述滑動操作的滑動方向切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù); 第三判斷單元,用于根據(jù)所述第一判斷單元的判斷結果判斷所述操作類型是否為長 按; 顯示單元,用于根據(jù)所述第三判斷單元的判斷結果顯示對應的所述Tab標簽列表中的所有所述Tab標簽; 第四判斷單元,用于判斷所述Tab標簽列表中的任一所述Tab標簽是否被選中;第二切換單元,用于根據(jù)所述第四判斷單元的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為選中的所述Tab標簽及切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標簽對應的所述用戶數(shù)據(jù)。
9.如權利要求8所述的具有多Tab頁面切換功能的觸摸式移動終端,其特征在于,所述第一切換單元具體包括: 第一判斷子單元,用于判斷所述滑動操作的滑動方向是否向上; 第一切換子單元,用于根據(jù)所述第一判斷子單元的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的下一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標簽對應的所述用戶數(shù)據(jù); 第二判斷子單元,用于根據(jù)所述第一判斷子單元的判斷結果判斷所述滑動操作的滑動方向是否向下; 第二切換子單元,用于根據(jù)所述第二判斷子單元的判斷結果切換所述Tab標簽顯示區(qū)顯示的所述Tab標簽為Tab標簽列表中的上一所述Tab標簽并同時切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標簽對應的所述用戶數(shù)據(jù)。
10.如權利要求6至9任一項所述的具有多Tab頁面切換功能的觸摸式移動終端,其特征在于,所述切換模塊實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換時均展現(xiàn)推動式動畫效果。
全文摘要
本發(fā)明公開了一種實現(xiàn)多Tab頁面切換的方法,適用于觸摸式移動終端的交互界面,包括步驟(1)監(jiān)測任一Tab標簽顯示區(qū)內(nèi)是否有觸摸操作;(2)根據(jù)(1)的監(jiān)測結果獲取所述觸摸操作的操作屬性,所述操作屬性包括操作類型和操作參數(shù);(3)根據(jù)所述操作屬性實現(xiàn)所述Tab標簽顯示區(qū)顯示的Tab標簽的切換及所述Tab標簽所對應的用戶數(shù)據(jù)的切換。通過本發(fā)明實現(xiàn)了Tab頁面對“矩陣式”分類項目的展示,拓展了Tab頁面的應用范圍,保持了Tab頁面易操作、切換速度快及用戶體驗好的優(yōu)點。本發(fā)明同時公開了一種具有多Tab頁面切換功能的觸摸式移動終端。
文檔編號G06F3/0488GK103218156SQ20131006459
公開日2013年7月24日 申請日期2013年2月28日 優(yōu)先權日2013年2月28日
發(fā)明者范志超 申請人:廣東歐珀移動通信有限公司