專利名稱：實(shí)現(xiàn)多Tab頁(yè)面切換的方法及其觸摸式移動(dòng)終端的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及觸摸式移動(dòng)終端領(lǐng)域，更具體地涉及一種實(shí)現(xiàn)多Tab頁(yè)面切換的方法及其觸摸式移動(dòng)終端。
背景技術(shù)：
Tab頁(yè)面(或稱標(biāo)簽選項(xiàng)卡)為常用的交互界面應(yīng)用形式。Tab頁(yè)面一般包括Tab區(qū)和數(shù)據(jù)區(qū)，Tab區(qū)包括多個(gè)Tab標(biāo)簽顯示區(qū),Tab標(biāo)簽顯示區(qū)顯示Tab標(biāo)簽，當(dāng)任一 Tab標(biāo)簽被選中(點(diǎn)擊、滑動(dòng)或光標(biāo)覆蓋)時(shí)數(shù)據(jù)區(qū)將展示其對(duì)應(yīng)的用戶數(shù)據(jù)。Tab頁(yè)面的運(yùn)用不但有利于分類信息的顯示、在有限的應(yīng)用界面中展現(xiàn)盡可能多的信息，而且具有易操作、切換速度快及用戶體驗(yàn)好的優(yōu)點(diǎn)。然而，現(xiàn)有Tab頁(yè)面僅適用于并列的多個(gè)主分類頁(yè)面間的切換，無(wú)法應(yīng)對(duì)“矩陣式”分類頁(yè)面的切換，即當(dāng)主分類下還存在多個(gè)子分類頁(yè)面時(shí)，現(xiàn)有Tab頁(yè)面就無(wú)法實(shí)現(xiàn)有效的切換，從而限制了 Tab頁(yè)面的適用范圍。因此，有必要提供一種實(shí)現(xiàn)多Tab頁(yè)面切換的方法及其觸摸式移動(dòng)終端來(lái)克服上述缺陷。

發(fā)明內(nèi)容
本發(fā)明的目的是提供一種實(shí)現(xiàn)多Tab頁(yè)面切換的方法以實(shí)現(xiàn)Tab頁(yè)面對(duì)“矩陣式”分類項(xiàng)目的展示，拓展Tab頁(yè)面的應(yīng)用范圍，保持Tab頁(yè)面易操作、切換速度快及用戶體驗(yàn)好的優(yōu)點(diǎn)。本發(fā)明的另一目的是提供一種具有多Tab頁(yè)面切換功能的觸摸式移動(dòng)終端，以實(shí)現(xiàn)Tab頁(yè)面對(duì)“矩陣式”分類項(xiàng)目的展示，拓展Tab頁(yè)面的應(yīng)用范圍，保持Tab頁(yè)面易操作、切換速度快及用戶體驗(yàn)好的優(yōu)點(diǎn)。為了實(shí)現(xiàn)上述目的，本發(fā)明提供了一種實(shí)現(xiàn)多Tab頁(yè)面切換的方法，適用于觸摸式移動(dòng)終端的交互界面，所述方法包括如下步驟:(I)監(jiān)測(cè)任一 Tab標(biāo)簽顯示區(qū)內(nèi)是否有觸摸操作；(2)根據(jù)(I)的監(jiān)測(cè)結(jié)果獲取所述觸摸操作的操作屬性，所述操作屬性包括操作類型和操作參數(shù)；(3)根據(jù)所述操作屬性實(shí)現(xiàn)所述Tab標(biāo)簽顯示區(qū)顯示的Tab標(biāo)簽的切換及所述Tab標(biāo)簽所對(duì)應(yīng)的用戶數(shù)據(jù)的切換。與現(xiàn)有技術(shù)相比，本發(fā)明先監(jiān)測(cè)任一所述Tab標(biāo)簽顯示區(qū)內(nèi)是否有觸摸操作，再根據(jù)監(jiān)測(cè)結(jié)果獲取觸摸操作的操作屬性，最后根據(jù)操作屬性切換Tab標(biāo)簽顯示區(qū)顯示的Tab標(biāo)簽及數(shù)據(jù)區(qū)展示的用戶數(shù)據(jù)，實(shí)現(xiàn)了 Tab頁(yè)面對(duì)“矩陣式”分類項(xiàng)目的展示，拓展了Tab頁(yè)面的應(yīng)用范圍，保持了 Tab頁(yè)面易操作、切換速度快及用戶體驗(yàn)好的優(yōu)點(diǎn)。具體地，所述步驟(I)之前還包括:建立每一所述Tab標(biāo)簽顯示區(qū)對(duì)應(yīng)的Tab標(biāo)簽列表，所述Tab標(biāo)簽列表包括多個(gè)所述Tab標(biāo)簽及其對(duì)應(yīng)的所述用戶數(shù)據(jù)。具體地，所述步驟(3)包括:(31)判斷所述操作類型是否為滑動(dòng)操作，若是，則執(zhí)行步驟(32)，反之，則執(zhí)行步驟(33)；(32)判斷所述滑動(dòng)操作的滑動(dòng)距離是否超過(guò)閾值，若是，則根據(jù)所述滑動(dòng)操作的滑動(dòng)方向切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽及數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)，反之，則執(zhí)行所述步驟(I);(33)判斷所述操作類型是否為長(zhǎng)按，若是，則顯示所述Tab標(biāo)簽列表并執(zhí)行步驟(34 )，反之，則執(zhí)行所述步驟(I);(34)判斷所述Tab標(biāo)簽列表中的任一所述Tab標(biāo)簽是否被選中，若是，則執(zhí)行步驟
(35)，反之，則重復(fù)所述步驟(34)；(35)切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽為選中的所述Tab標(biāo)簽，并切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標(biāo)簽對(duì)應(yīng)的所述用戶數(shù)據(jù)。具體地，所述步驟(32)中“根據(jù)所述滑動(dòng)操作的滑動(dòng)方向切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)”具體為:當(dāng)所述滑動(dòng)操作的滑動(dòng)方向向上時(shí)，切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽為Tab標(biāo)簽列表中的下一所述Tab標(biāo)簽并同時(shí)切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標(biāo)簽對(duì)應(yīng)的所述用戶數(shù)據(jù)；當(dāng)所述滑動(dòng)操作的滑動(dòng)方向向下時(shí)，切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽為Tab標(biāo)簽列表中的上一所述Tab標(biāo)簽并同時(shí)切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標(biāo)簽對(duì)應(yīng)的所述用戶數(shù)據(jù)。較佳地，所述步驟(3)中實(shí)現(xiàn)所述Tab標(biāo)簽顯示區(qū)顯示的Tab標(biāo)簽的切換及所述Tab標(biāo)簽所對(duì)應(yīng)的用戶數(shù)據(jù)的切換時(shí)均展現(xiàn)推動(dòng)式動(dòng)畫(huà)效果。相應(yīng)的，本發(fā)明還提供了一種具有多Tab頁(yè)面切換功能的觸摸式移動(dòng)終端，包括:監(jiān)測(cè)模塊，用于監(jiān)測(cè)任一所述Tab標(biāo)簽顯示區(qū)內(nèi)是否有觸摸操作；獲取模塊，用于根據(jù)所述監(jiān)測(cè)模塊的監(jiān)測(cè)結(jié)果獲取所述觸摸操作的操作屬性，所述操作屬性包括操作類型和操作參數(shù)；切換模塊，用于根據(jù)所述操作屬性實(shí)現(xiàn)所述Tab標(biāo)簽顯示區(qū)顯示的Tab標(biāo)簽的切換及所述Tab標(biāo)簽所對(duì)應(yīng)的用戶數(shù)據(jù)的切換。具體地,所述觸摸式移動(dòng)終端還包括:建立模塊，用于建立每一所述Tab標(biāo)簽顯示區(qū)對(duì)應(yīng)的Tab標(biāo)簽列表，所述Tab標(biāo)簽列表包括多個(gè)所述Tab標(biāo)簽及其對(duì)應(yīng)的所述用戶數(shù)據(jù)。具體地，所述切換模塊包括:第一判斷單元，用于判斷所述操作類型是否為滑動(dòng)操作；第二判斷單元，用于根據(jù)所述第一判斷單元的判斷結(jié)果判斷所述滑動(dòng)操作的滑動(dòng)距離是否超過(guò)閾值；第一切換單元，用于根據(jù)所述第二判斷單元的判斷結(jié)果和所述滑動(dòng)操作的滑動(dòng)方向切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽及所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)；第三判斷單元，用于根據(jù)所述第一判斷單元的判斷結(jié)果判斷所述操作類型是否為長(zhǎng)按;顯示單元，用于根據(jù)所述第三判斷單元的判斷結(jié)果顯示對(duì)應(yīng)的所述Tab標(biāo)簽列表中的所有所述Tab標(biāo)簽；第四判斷單元，用于判斷所述Tab標(biāo)簽列表中的任一所述Tab標(biāo)簽是否被選中；第二切換單元，用于根據(jù)所述第四判斷單元的判斷結(jié)果切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽為選中的所述Tab標(biāo)簽及切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為選中的所述Tab標(biāo)簽對(duì)應(yīng)的所述用戶數(shù)據(jù)。具體地，所述第一切換單元包括:第一判斷子單元，用于判斷所述滑動(dòng)操作的滑動(dòng)方向是否向上；第一切換子單元，用于根據(jù)所述第一判斷子單元的判斷結(jié)果切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽為Tab標(biāo)簽列表中的下一所述Tab標(biāo)簽并同時(shí)切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為下一所述Tab標(biāo)簽對(duì)應(yīng)的所述用戶數(shù)據(jù)；第二判斷子單元，用于根據(jù)所述第一判斷子單元的判斷結(jié)果判斷所述滑動(dòng)操作的滑動(dòng)方向是否向下；第二切換子單元，用于根據(jù)所述第二判斷子單元的判斷結(jié)果切換所述Tab標(biāo)簽顯示區(qū)顯示的所述Tab標(biāo)簽為Tab標(biāo)簽列表中的上一所述Tab標(biāo)簽并同時(shí)切換所述數(shù)據(jù)區(qū)展示的所述用戶數(shù)據(jù)為上一所述Tab標(biāo)簽對(duì)應(yīng)的所述用戶數(shù)據(jù)。較佳地，所述切換模塊實(shí)現(xiàn)所述Tab標(biāo)簽顯示區(qū)顯示的Tab標(biāo)簽的切換及所述Tab標(biāo)簽所對(duì)應(yīng)的用戶數(shù)據(jù)的切換時(shí)均展現(xiàn)推動(dòng)式動(dòng)畫(huà)效果。通過(guò)以下的描述并結(jié)合附圖，本發(fā)明將變得更加清晰，這些附圖用于解釋本發(fā)明的實(shí)施例。


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