本發(fā)明涉及計算機移動通信技術領域，具體而言，涉及一種基于用戶終端的頁面交互方法及系統(tǒng)。

背景技術：

隨著終端技術的快速發(fā)展，手機、平板電腦等終端設備得到了廣泛的普及和應用，為終端設備開發(fā)的應用程序的種類越來越豐富、數(shù)量越來越龐大。在很多應用程序中都設置有頁面交互的功能。

例如在眾多的手機應用程序(app)中，頁面頂部常設置有返回控件、保存控件等用于對當前頁面進行跳轉(zhuǎn)、保存的操作，在大屏幕手機下必須用一只手握持手機，另一只手進行點觸才能操作，基本無法進行單手操作，極為不便。

技術實現(xiàn)要素：

本發(fā)明的目的在于提供一種頁面交互方法及系統(tǒng)以提高頁面交互的便利性。

為了實現(xiàn)上述目的，本發(fā)明實施例采用的技術方案如下：

第一方面，本發(fā)明實施例提供了一種頁面交互方法，所述頁面交互方法包括：響應第一滑動操作，將至少一操作控件從頁面的第一區(qū)域移動至第二區(qū)域；以及響應與所述第一滑動操作連續(xù)的第二滑動操作并在所述第二滑動操作消失時，根據(jù)所述第二滑動操作的滑動方向執(zhí)行所述至少一操作控件的其中之一所對應的功能，所述第二滑動操作的滑動方向與所述第一滑動操作的滑動方向不同。

第二方面，本發(fā)明實施例還提供了一種頁面交互方法，所述頁面交互方法包括：響應第一滑動操作，將至少一操作控件從頁面的第一區(qū)域移動至第二區(qū)域；響應與所述第一滑動操作連續(xù)的第二滑動操作并根據(jù)所述第二滑動操作改變所述至少一操作控件的其中之一的顯示狀態(tài)，其中所述第二滑動操作的滑動方向與所述第一滑動操作的滑動方向不同；以及在所述第二滑動操作消失時，執(zhí)行當前顯示狀態(tài)被改變的所述至少一操作控件的其中之一所對應的功能。

第三方面，本發(fā)明實施例還提供了一種頁面交互系統(tǒng)，所述頁面交互系統(tǒng)包括：下拉模塊，用于響應第一滑動操作，將至少一操作控件從頁面的第一區(qū)域移動至第二區(qū)域；以及第一執(zhí)行模塊，用于響應與所述第一滑動操作連續(xù)的第二滑動操作并在所述第二滑動操作消失時，根據(jù)所述第二滑動操作執(zhí)行所述至少一操作控件所對應的功能，其中所述第二滑動操作的滑動方向與所述第一滑動操作的滑動方向不同。

本發(fā)明實施例提供的頁面交互方法及系統(tǒng)根據(jù)第一滑動操作，將至少一操作控件從頁面的第一區(qū)域移動至第二區(qū)域，在與所述第一滑動操作連續(xù)的且分別朝不同方向的第二滑動操作消失時，依據(jù)第二滑動操作的滑動方向執(zhí)行所述至少一操作控件所對應的功能。如此，用戶在操作過程中，通過頁面的動態(tài)顯示可提醒用戶當前的操作。并且，用戶通過與第一滑動操作連續(xù)的第二滑動操作可對頁面進行單手操作，使用方便，提高了用戶終端的用戶體驗。

為使本發(fā)明的上述目的、特征和優(yōu)點能更明顯易懂，下文特舉較佳實施例，并配合所附附圖，作詳細說明如下。

附圖說明

為了更清楚地說明本發(fā)明實施例的技術方案，下面將對實施例中所需要使用的附圖作簡單地介紹，應當理解，以下附圖僅示出了本發(fā)明的某些實施例，因此不應被看作是對范圍的限定，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他相關的附圖。

圖1示出了本發(fā)明實施例提供的頁面交互方法及系統(tǒng)的應用環(huán)境示意圖；

圖2示出了本發(fā)明實施例提供的用戶終端的結(jié)構(gòu)框圖；

圖3示出了本發(fā)明實施例提供的應用程序的頁面的示意圖；

圖4示出了本發(fā)明第一實施例提供的一種頁面交互方法的流程示意圖；

圖5示出了本發(fā)明第一實施例提供的應用程序的頁面的示意圖，其中第一滑動操作作用于頁面上；

圖6示出了本發(fā)明第一實施例提供的應用程序的頁面的示意圖，其中第二滑動操作作用于頁面上；

圖7示出了本發(fā)明第二實施例提供的一種頁面交互方法的流程示意圖；

圖8示出了本發(fā)明第三實施例提供的一種頁面交互方法的流程示意圖；

圖9示出了本發(fā)明第三實施例提供的應用程序的頁面上顯示動畫效果的示意圖；

圖10示出了本發(fā)明第三實施例提供的應用程序的頁面的操作控件改變顯示狀態(tài)的示意圖；

圖11示出了本發(fā)明第四實施例提供的一種頁面交互系統(tǒng)的結(jié)構(gòu)框圖；

圖12示出了本發(fā)明第五實施例提供的一種網(wǎng)頁資源處理裝置的結(jié)構(gòu)框圖。

具體實施方式

本發(fā)明實施例所提供的頁面交互方法及系統(tǒng)可應用于如圖1所示的應用環(huán)境中。如圖1所示，用戶終端100、遠程服務器200位于無線網(wǎng)絡或有線網(wǎng)絡300中，通過該無線網(wǎng)絡或有線網(wǎng)絡300，用戶終端100與遠程服務器200進行數(shù)據(jù)交互。于本發(fā)明實施例中，用戶終端100中安裝有至少一個應用程序(app)，與遠程服務器200相對應，為用戶提供服務。

于本發(fā)明實施例中，用戶終端100優(yōu)選為移動終端設備，例如可以包括智能手機、平板電腦、電子書閱讀器、膝上型便攜計算機、車載電腦、穿戴式移動終端等等。

圖2示出了一種可應用于本發(fā)明實施例中的用戶終端100的結(jié)構(gòu)框圖。如圖2所示，用戶終端100包括存儲器102、存儲控制器104，一個或多個(圖中僅示出一個)處理器106、外設接口108、射頻模塊110、音頻模塊112、觸控屏幕114等。這些組件通過一條或多條通訊總線/信號線116相互通訊。

存儲器102可用于存儲軟件程序以及模塊，如本發(fā)明實施例中的頁面交互方法及系統(tǒng)對應的程序指令/模塊，處理器106通過運行存儲在存儲器102內(nèi)的軟件程序以及模塊，從而執(zhí)行各種功能應用以及數(shù)據(jù)處理，如本發(fā)明實施例提供的頁面交互方法。

存儲器102可包括高速隨機存儲器，還可包括非易失性存儲器，如一個或者多個磁性存儲裝置、閃存、或者其他非易失性固態(tài)存儲器。處理器106以及其他可能的組件對存儲器102的訪問可在存儲控制器104的控制下進行。

外設接口108將各種輸入/輸入裝置耦合至處理器106以及存儲器102。在一些實施例中，外設接口108，處理器106以及存儲控制器104可以在單個芯片中實現(xiàn)。在其他一些實例中，他們可以分別由獨立的芯片實現(xiàn)。

射頻模塊110用于接收以及發(fā)送電磁波，實現(xiàn)電磁波與電信號的相互轉(zhuǎn)換，從而與通訊網(wǎng)絡或者其他設備進行通訊。

音頻模塊112向用戶提供音頻接口，其可包括一個或多個麥克風、一個或者多個揚聲器以及音頻電路。

觸控屏幕114在用戶終端100與用戶之間同時提供一個輸出及輸入界面。在本實施例中，所述觸控屏幕114支持單點和多點觸控操作，例如，該觸控屏幕114可為支持單點和多點觸控操作的電容式觸控屏或電阻式觸控屏等。支持單點和多點觸控操作是觸控屏幕114能感應到來自該觸控屏11上一個或多個位置處同時產(chǎn)生的觸控操作，并將該感應到的多點觸控操作交由處理器106進行處理。

可以理解，圖2所示的結(jié)構(gòu)僅為示意，用戶終端100還可包括比圖2中所示更多或者更少的組件，或者具有與圖2所示不同的配置。圖2中所示的各組件可以采用硬件、軟件或其組合實現(xiàn)。

本發(fā)明實施例提出的頁面交互方法和系統(tǒng)，提供了一種新的頁面交互方法。該頁面交互方法和系統(tǒng)可適用于android操作系統(tǒng)、ios操作系統(tǒng)、windowsphone操作系統(tǒng)等平臺。具體地，本發(fā)明實施例提出的頁面交互方法和系統(tǒng)可應用于用戶終端100的各種應用程序(如uc瀏覽器客戶端、新浪微博客戶端等)，以對應用程序的頁面進行刷新、保存、添加、返回、設置等操作。

請參閱圖3，例如，頁面60包括第一區(qū)域(如導航欄區(qū)域)61和第二區(qū)域(如頁面內(nèi)容區(qū)域)62。該第一區(qū)域61內(nèi)設置至少一個 操作控件，在本實施例中，該操作控件的數(shù)量為3個，其中一個操作控件為位于第一區(qū)域61大致中間位置的隱藏操作控件63，該隱藏操作控件63通常不會通過用戶終端100的顯示屏顯示而被隱藏。另外兩個操作控件分別為位于第一區(qū)域61左右兩側(cè)的可視操作控件64、65。優(yōu)選地，該隱藏操作控件63為刷新控件，用于控制頁面60進行刷新操作，該可視操作控件64、65分別為返回控件和添加控件，分別控制頁面60進行返回操作和添加操作。在其它實施例中，該隱藏操作控件63可為設置控件或分組控件，該可視操作控件64、65也可分別為關閉控件和熱點控件。當然，該隱藏操作控件63及可視操作控件64、65也可省略其中的一個或兩個。

下面將結(jié)合本發(fā)明實施例中附圖，對本發(fā)明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例。通常在此處附圖中描述和示出的本發(fā)明實施例的組件可以以各種不同的配置來布置和設計。因此，以下對在附圖中提供的本發(fā)明的實施例的詳細描述并非旨在限制要求保護的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實施例?；诒景l(fā)明的實施例，本領域技術人員在沒有做出創(chuàng)造性勞動的前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。

應注意到：相似的標號和字母在下面的附圖中表示類似項，因此，一旦某一項在一個附圖中被定義，則在隨后的附圖中不需要對其進行進一步定義和解釋。同時，在本發(fā)明的描述中，術語“第一”、“第二”等僅用于區(qū)分描述，而不能理解為指示或暗示相對重要性。

第一實施例

圖4示出了本發(fā)明第一實施例提供的一種頁面交互方法的流程圖，所應說明的是，本發(fā)明所述的頁面交互方法并不以圖4以及以 下所述的具體順序為限制。應當理解，在其它實施例中，本發(fā)明所述的頁面交互方法其中部分步驟的順序可以根據(jù)實際需要相互交換，或者其中的部分步驟也可以省略或刪除。下面將對圖4所示的具體流程進行詳細闡述。

步驟s110，偵測作用于所述頁面60的第一滑動操作。

具體地，在應用程序的頁面60內(nèi)，當用戶沿觸控屏幕114從上往下滑動一定距離時，將該從上往下的滑動操作判定為第一滑動操作。

步驟s120，響應第一滑動操作，將至少一操作控件從頁面60的第一區(qū)域61移動至第二區(qū)域62。

例如，請參圖5，當所述第一滑動操作被偵測到后，控制所述隱藏操作控件63及可視操作控件64、65一并從第一區(qū)域61移動至第二區(qū)域62。由于可移動所述至少一操作控件的位置，從而提供動態(tài)效果，以提示用戶當前的應用程序的頁面60正被操作。

步驟s130，偵測作用于所述頁面60的第二滑動操作。

具體地，在應用程序的頁面60內(nèi)，當用戶在第一滑動操作結(jié)束后且手指未離開觸控屏幕114時，繼續(xù)沿觸控屏幕114從左往右或從右往左滑動一定距離時，將該從左往右或從右往左的滑動操作判定為第二滑動操作。上述的第一滑動操作和第二滑動操作是連續(xù)的且分別朝不同方向的滑動操作。

需要說明的是，上述從上往下、從左往右或從右往左滑動方向與角度可有誤差，無需絕對沿觸控屏幕114垂直向下或絕對水平于觸控屏幕114。

步驟s140，響應與所述第一滑動操作連續(xù)的且分別朝不同方向的第二滑動操作并在所述第二滑動操作消失時(即手指離開觸控屏 幕114)，依據(jù)該第二滑動操作的滑動方向執(zhí)行所述至少一操作控件的其中之一所對應的功能。

具體地，請參圖6，當所述第二滑動操作為沿頁面60從右向左的滑動操作且該第二滑動操作消失時，執(zhí)行頁面60左側(cè)的可視操作控件64對應的功能。例如，當所述第二滑動操作的滑動方向為沿觸控屏幕114從右向左且該第二滑動操作消失時，控制頁面60進行返回操作。

當所述第二滑動操作為沿頁面60從左向右的滑動操作且該第二滑動操作消失時，執(zhí)行頁面60右側(cè)的可視操作控件65對應的功能。例如，當所述第二滑動操作的滑動方向為沿觸控屏幕114從左往右且該第二滑動操作消失時，控制頁面60進行添加操作。

在本實施例中，該第二滑動操作無需觸摸到上述的可視操作控件64、65。在其它實施例中，該第二滑動操作可直接觸摸到上述的可視操作控件64、65。

第二實施例

圖7示出了本發(fā)明第二實施例提供的一種頁面交互方法的流程圖，其與第一實施例不同的是，本發(fā)明第二實施例提供的一種頁面交互方法還包括：

步驟s122：該步驟s122在步驟s120之后執(zhí)行，該步驟s122為在所述第一滑動操作消失且未有與所述第一滑動操作連續(xù)的且分別朝不同方向的第二滑動操作產(chǎn)生時，執(zhí)行所述至少一操作控件所對應的功能。優(yōu)選地，當所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，執(zhí)行所述隱藏操作控件63對應的功能，例如控制頁面60進行刷新操作。

在其它實施例中，也可在所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，執(zhí)行所述可視操作控件64、65之一所對應的功能，例如控制頁面60進行返回操作或添加操作。當然，也可在所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，不執(zhí)行任何所述操作控件所對應的功能。由上可知，執(zhí)行所述隱藏操作控件63或可視操作控件64、65之一所對應的功能可預先默認設置。

作為一種可能發(fā)生的情形是，在默認執(zhí)行所述可視操作控件64所對應的功能時，由于用戶臨時需要執(zhí)行可視操作控件65所對應的功能，則用戶可在所述第一滑動操作結(jié)束后且手指未離開觸控屏幕時，繼續(xù)執(zhí)行所述第二滑動操作并且沿頁面60從左向右的滑動，當該第二滑動操作消失時，執(zhí)行可視操作控件65對應的功能。

本發(fā)明第二實施例提供的一種頁面交互方法還包括步驟s124：當所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，或所述第二滑動操作消失時，將所述至少一操作控件從頁面60的第二區(qū)域62移動至第一區(qū)域61。顯然，該步驟s124可在步驟s122后執(zhí)行，也可在步驟s140后執(zhí)行。

第三實施例

圖8示出了本發(fā)明第三實施例提供的一種頁面交互方法的流程圖，其與第一實施例不同的是，本發(fā)明第三實施例提供的一種頁面交互方法還包括：

步驟s132：該步驟s132在步驟s130之后執(zhí)行，該步驟s132為根據(jù)所述第二滑動操作的滑動方向在頁面60上顯示動畫效果。請參閱圖9，在本實施例中，所述動畫效果可為以動畫閃爍的方式向與所述第二滑動操作的滑動方向?qū)恢玫乃鲋辽僖徊僮骺丶? 動，以提醒用戶當前的操作情況?？梢岳斫?，所述動畫效果還可通過其他方式實現(xiàn)。由于本發(fā)明的頁面交互方法配合適當?shù)膭赢嬓Ч?，可營造有趣、易用的氛圍，加深用戶體驗。

以及步驟s142：響應與所述第一滑動操作連續(xù)的且分別朝不同方向的第二滑動操作并根據(jù)所述第二滑動操作改變所述至少一操作控件的其中之一的顯示狀態(tài)，在所述第二滑動操作消失時，執(zhí)行當前顯示狀態(tài)被改變的所述至少一操作控件的其中之一所對應的功能。優(yōu)選地，上述的改變所述至少一操作控件的其中之一的顯示狀態(tài)可指控制所述可視操作控件64、65高亮顯示。顯然，該步驟s142可以代替步驟s140。

一方面，根據(jù)所述第二滑動操作的滑動方向改變所述至少一操作控件的其中之一的顯示狀態(tài)。在本實施例中，所述至少一操作控件包括分別位于頁面左側(cè)和右側(cè)的兩個可視操作控件64、65，當所述第二滑動操作為沿頁面從左向右的滑動操作時，改變位于右側(cè)的操作控件的顯示狀態(tài)；當所述第二滑動操作為沿頁面從右向左的滑動操作時，改變位于左側(cè)的操作控件的顯示狀態(tài)。例如，當所述第二滑動操作為沿頁面60從右向左滑動時，改變該可視操作控件64的顯示狀態(tài)。當所述第二滑動操作為沿頁面60從左向右滑動時，改變該可視操作控件65的顯示狀態(tài)。

另一方面，根據(jù)所述第二滑動操作的滑動方向及滑動距離改變所述至少一操作控件的其中之一的顯示狀態(tài)。在本實施例中，所述至少一操作控件包括同時位于頁面左側(cè)或右側(cè)的兩個及以上的可視操作控件(如圖10所示的頁面60左側(cè)的可視操作控件641、642)，且每個可視操作控件641、642分別對應一預設距離。此時，可根據(jù)所述第二滑動操作的滑動距離控制所述兩個及以上的可視操作控件 改變顯示狀態(tài)，即在該第二滑動操作的滑動距離達到預設距離時，改變與該預設距離對應的操作控件的顯示狀態(tài)。例如，當所述第二滑動操作為從右向左滑動第一預設距離時，控制與該第一預設距離對應的可視操作控件641高亮顯示(如圖10所示的可視操作控件641高亮顯示)；當所述第二滑動操作為從右向左滑動第二預設距離時，控制與該第二預設距離對應的可視操作控件642高亮顯示。在本實施例中，約定所述可視操作控件641與頁面60的中間位置的水平距離對應所述第一預設距離，所述可視操作控件642與頁面60的中間位置的水平距離對應所述第二預設距離，因此可認為所述第一預設距離小于所述第二預設距離。

需要說明的是，上述的第二滑動操作的滑動距離應當是第二滑動操作的起始點到結(jié)束點的位移。上述的頁面左側(cè)和右側(cè)以并非嚴格按照頁面的中間線劃分，也可以第二滑動操作的起始點來劃分。

可以理解，通過在所述兩個及以上的可視操作控件的外周加虛線框的方式也可實現(xiàn)控制可視操作控件改變顯示狀態(tài)。可以理解，控制可視操作控件改變顯示狀態(tài)還可通過控制可視操作控件閃爍、放大等多種方式實現(xiàn)。當然，上述改變操作控件的顯示狀態(tài)的方式對隱藏操作控件依然適用。

顯然，通過改變所述至少一操作控件的其中之一的顯示狀態(tài)，可以明確的提示用戶，提高了操作的精準度。

第四實施例

請再參閱圖11，本發(fā)明第四實施例中的頁面交互系統(tǒng)40包括偵測模塊41、下拉模塊42及第一執(zhí)行模塊43。

該偵測模塊41用于偵測作用于頁面60的滑動操作，并對應該滑動操作輸出偵測信號。具體地，在應用程序的頁面60內(nèi)，當用戶沿觸控屏幕114從上往下滑動一定距離時，該偵測模塊41將該從上往下的滑動操作判定為第一滑動操作，并對應該第一滑動操作輸出第一偵測信號。當用戶在第一滑動操作結(jié)束后且手指未離開觸控屏幕114時，繼續(xù)沿頁面60從左往右或從右往左滑動一定距離時，該偵測模塊41將該從左往右或從右往左的滑動操作判定為第二滑動操作，并分別對應該從左往右和從右往左的所述第二滑動操作輸出第二偵測信號和第三偵測信號。

此外，當所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，該偵測模塊41輸出第一提示信號；當所述第二滑動操作消失時，該偵測模塊41輸出第二提示信號。

該下拉模塊42用于依據(jù)偵測模塊41偵測到的所述第一滑動操作將所述至少一操作按鈕從頁面60的第一區(qū)域61移動至第二區(qū)域62。例如，當偵測模塊41輸出第一偵測信號后，該下拉模塊42控制隱藏操作按鈕63及可視操作按鈕64、65一并從第一區(qū)域61移動至第二區(qū)域62。

該第一執(zhí)行模塊43用于在與所述第一滑動操作連續(xù)的且分別朝不同方向的第二滑動操作消失時，根據(jù)所述第二滑動操作的滑動方向執(zhí)行所述至少一操作按鈕的其中一個所對應的功能。具體地，當所述第二滑動操作為沿頁面60從左向右的滑動操作且該第二滑動操作消失時，該第一執(zhí)行模塊43執(zhí)行頁面60右側(cè)的可視操作按鈕65對應的功能。例如，當所述第二滑動操作的滑動方向為沿頁面60從左往右且該第二滑動操作消失時，該偵測模塊41輸出第二偵測信號及第二提示信號，該第一執(zhí)行模塊43依據(jù)所述第二偵測信號 及第二提示信號控制頁面60進行添加操作。當所述第二滑動操作為沿頁面60從右向左的滑動操作且該第二滑動操作消失時，該第一執(zhí)行模塊43執(zhí)行頁面60左側(cè)的可視操作按鈕64對應的功能。例如，當所述第二滑動操作的滑動方向為沿頁面60從右向左且該第二滑動操作消失時，該偵測模塊41輸出第三偵測信號及第二提示信號，該第一執(zhí)行模塊43依據(jù)所述第二偵測信號及第二提示信號控制頁面60進行返回操作。

第五實施例

圖12示出了本發(fā)明第五實施例提供的一種頁面交互系統(tǒng)40的結(jié)構(gòu)框圖，與第四實施例不同的是，本發(fā)明第五實施例提供的一種頁面交互系統(tǒng)40還包括第二執(zhí)行模塊44、上拉模塊45、動畫顯示模塊46及顯示狀態(tài)改變模塊47。

該第二執(zhí)行模塊44用于在所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，執(zhí)行所述至少一操作控件所對應的功能。優(yōu)選地，當所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，該偵測模塊41輸出第一提示信號，該第二執(zhí)行模塊44依據(jù)該第一提示信號執(zhí)行所述隱藏操作控件63對應的功能，例如控制頁面60進行刷新操作。

在其它實施例中，該第二執(zhí)行模塊44還用于在所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，執(zhí)行所述可視操作控件64、65之一所對應的功能，例如控制頁面60進行返回操作或添加操作。當然，該第二執(zhí)行模塊44也可在所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，不執(zhí)行任何所述操作控件所對應的功 能。由上可知，可預先默認設置所述隱藏操作控件63或可視操作控件64、65之一所對應的功能被該第二執(zhí)行模塊44執(zhí)行。

該上拉模塊45用于當所述第一滑動操作消失且未有所述第二滑動操作產(chǎn)生時，或所述第二滑動操作消失時，將所述至少一操作控件從頁面60的第二區(qū)域62移動至第一區(qū)域61。

該動畫顯示模塊46用于根據(jù)第二滑動操作的滑動方向在頁面60上顯示動畫效果。在本實施例中，所述動畫效果可為以動畫閃爍的方式向與所述第二滑動操作的滑動方向?qū)恢玫乃鲋辽僖徊僮骺丶苿??？梢岳斫猓鰟赢嬓Ч€可通過其他方式實現(xiàn)。

該顯示狀態(tài)改變模塊47用于根據(jù)所述第二滑動操作改變所述至少一操作控件的顯示狀態(tài)。此外，所述第一執(zhí)行模塊43進一步用于在所述第二滑動操作消失時，執(zhí)行當前顯示狀態(tài)被改變的所述至少一操作控件的其中之一所對應的功能。

一方面，根據(jù)所述第二滑動操作的滑動方向改變所述至少一操作控件的其中之一的顯示狀態(tài)。在本實施例中，所述至少一操作控件包括分別位于頁面左側(cè)和右側(cè)的兩個可視操作控件64、65。當所述第二滑動操作為沿頁面從左向右的滑動操作時，該顯示狀態(tài)改變模塊47改變位于右側(cè)的操作控件的顯示狀態(tài)；當所述第二滑動操作為沿頁面從右向左的滑動操作時，該顯示狀態(tài)改變模塊47改變位于左側(cè)的操作控件的顯示狀態(tài)。例如，當所述第二滑動操作為沿頁面60從右向左滑動時，該顯示狀態(tài)改變模塊47改變該可視操作控件64的顯示狀態(tài)。當所述第二滑動操作為沿頁面60從左向右滑動時，該顯示狀態(tài)改變模塊47改變該可視操作控件65的顯示狀態(tài)。

另一方面，根據(jù)所述第二滑動操作的滑動方向及滑動距離改變所述至少一操作控件的顯示狀態(tài)。在本實施例中，所述至少一操作 控件包括同時位于頁面左側(cè)或右側(cè)的兩個及以上的可視操作控(如圖10所示的頁面60左側(cè)的可視操作控件641、642)，且每個可視操作控件641、642分別對應一預設距離。該顯示狀態(tài)改變模塊47用于根據(jù)所述第二滑動操作的滑動距離控制所述兩個及以上的可視操作控件改變顯示狀態(tài)，即在該第二滑動操作的滑動距離達到預設距離時，改變與該預設距離對應的操作控件的顯示狀態(tài)。例如，當所述第二滑動操作為從右向左滑動第一預設距離時，該顯示狀態(tài)改變模塊47控制可視操作控件641高亮顯示，所述第一執(zhí)行模塊43執(zhí)行所述顯示狀態(tài)被改變的可視操作控件641所對應的功能。當所述第二滑動操作為從右向左滑動第二預設距離時，該顯示狀態(tài)改變模塊47控制可視操作控件642高亮顯示，所述第一執(zhí)行模塊43執(zhí)行所述顯示狀態(tài)被改變的可視操作控件642所對應的功能。

本發(fā)明的第四實施例和第五實施例中的各模塊可以是由軟件代碼實現(xiàn)，此時，上述的各模塊可存儲于用戶終端100的存儲器102內(nèi)。以上各單元同樣可以由硬件例如集成電路芯片實現(xiàn)。所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的功能模塊的具體描述，可以參考前述的對應方法步驟的具體描述，在此不再一一贅述。

綜上所述，本發(fā)明實施例提供的頁面交互方法及系統(tǒng)根據(jù)第一滑動操作，將至少一操作控件從頁面的第一區(qū)域移動至第二區(qū)域，在與所述第一滑動操作連續(xù)的且分別朝不同方向的第二滑動操作消失時，依據(jù)第二滑動操作的滑動方向執(zhí)行所述至少一操作控件所對應的功能。如此，用戶在操作過程中，通過頁面的動態(tài)顯示可提醒用戶當前的操作。并且，用戶通過與第一滑動操作連續(xù)的第二滑動 操作可對頁面進行單手操作，使用方便，提高了用戶終端的用戶體驗。

需要說明的是，本說明書中的各個實施例均采用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。

本發(fā)明實施例所提供的頁面交互方法及系統(tǒng)，其實現(xiàn)原理及產(chǎn)生的技術效果和前述方法實施例相同，為簡要描述，裝置實施例部分未提及之處，可參考前述方法實施例中相應內(nèi)容。

另外，附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個實施例的系統(tǒng)、方法和計算機程序產(chǎn)品的可能實現(xiàn)的體系架構(gòu)、功能和操作。在這點上，流程圖或框圖中的每個方框可以代表一個模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個或多個用于實現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應當注意，在有些作為替換的實現(xiàn)中，方框中所標注的功能也可以以不同于附圖中所標注的順序發(fā)生。例如，兩個連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或動作的專用的基于硬件的系統(tǒng)來實現(xiàn)，或者可以用專用硬件與計算機指令的組合來實現(xiàn)。

本發(fā)明實施例所提供的計算機程序產(chǎn)品，包括存儲了程序代碼的計算機可讀存儲介質(zhì)，所述程序代碼包括的指令可用于執(zhí)行前面方法實施例中所述的方法，具體實現(xiàn)可參見方法實施例，在此不再贅述。

所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統(tǒng)、裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。

在本申請所提供的幾個實施例中，應該理解到，所揭露的系統(tǒng)、裝置和方法，可以通過其它的方式實現(xiàn)。以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，又例如，多個單元或組件可以結(jié)合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些通信接口，裝置或單元的間接耦合或通信連接，可以是電性，機械或其它的形式。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡單元上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本實施例方案的目的。

另外，在本發(fā)明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。

所述功能如果以軟件功能單元的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，可以存儲在一個計算機可讀取存儲介質(zhì)中?；谶@樣的理解，本發(fā)明的技術方案本質(zhì)上或者說對現(xiàn)有技術做出貢獻的部分或者該技術方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機設備(可以是個人計算機，服務器，或者網(wǎng)絡設備等)執(zhí)行本 發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：u盤、移動硬盤、只讀存儲器(rom，read-onlymemory)、隨機存取存儲器(ram，randomaccessmemory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。

需要說明的是，在本文中，諸如第一和第二等之類的關系術語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關系或者順序。而且，術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設備中還存在另外的相同要素。

以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領域的技術人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內(nèi)。應注意到：相似的標號和字母在下面的附圖中表示類似項，因此，一旦某一項在一個附圖中被定義，則在隨后的附圖中不需要對其進行進一步定義和解釋。