本發(fā)明涉及移動互聯(lián)網技術領域,具體涉及一種終端設備、頁面控制裝置及頁面控制方法。
背景技術:
目前,隨著智能移動終端及瀏覽器技術的不斷普及與發(fā)展,使用移動終端瀏覽器訪問互聯(lián)網逐漸成為一個趨勢。而且,隨著html5(hypertextmarkuplanguage5,超級文本標記語言第五版)技術的進步與普及,在移動終端上的網頁頁面內容展示也愈加多樣化。網頁頁面內容一般可以包括文字信息、圖片信息、音頻信息、視頻信息等,通過html5技術可以實現(xiàn)頁面與用戶的交互,給用戶體驗帶來了極大的提升。
目前許多頁面內容的展示,通常使用的方案是在一屏幕內展現(xiàn)全部內容,近似于應用的“圖片+文字介紹”的效果,其優(yōu)點在于將用戶關心的圖片內容完整展現(xiàn),而且用戶滾動文字觀看文字介紹的時候,由于整體頁面高度與手機屏幕相同,因此無論用戶如何滾動頁面,頁面的焦點圖片位置都不會發(fā)生變化,給用戶帶來極好的閱讀體驗。
但是,目前這種頁面內容排版方式也有缺陷,即,可滾動區(qū)域只有文字內容區(qū)域,但文字內容區(qū)域一般面積比較小,而且在文字內容區(qū)域通過手勢操作滾動文字內容時,手指會遮擋部分文字內容,因此會影響瀏覽體驗。
技術實現(xiàn)要素:
為解決上述技術問題,本發(fā)明提供一種終端設備、頁面控制裝置及頁面控制方法,能在控制頁面內容移動時避免遮擋移動的內容,提 升瀏覽體驗。
根據本發(fā)明的一個方面,提供一種終端設備,包括:存儲器、觸摸式顯示屏和處理器,
所述存儲器中存儲觸摸式顯示屏上顯示的頁面的內容;
響應于用戶在所述觸摸式顯示屏上的頁面的預定的觸發(fā)操作,所述處理器執(zhí)行獨立于所述頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效的操作;
響應于所述第二區(qū)域的觸摸操作,所述處理器執(zhí)行對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制的操作。
優(yōu)選的,所述處理器響應于所述第二區(qū)域的觸摸操作,執(zhí)行通過將所述第二區(qū)域的觸摸坐標轉換為所述第一區(qū)域的等效坐標對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制的操作。
根據本發(fā)明的另一方面,提供一種頁面控制裝置,包括:
第一處理模塊,用于響應于預定的觸發(fā)操作,獨立于所述頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效;
第二處理模塊,用于響應于所述第二區(qū)域的觸摸操作,對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
優(yōu)選的,所述第一處理模塊包括:
接收子模塊,用于接收在頁面第一區(qū)域的觸發(fā)操作;
顯示子模塊,用于響應于所述接收子模塊接收的在頁面第一區(qū)域的觸發(fā)操作,獨立于所述頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效,其中所述第二區(qū)域為可拖動的第二區(qū)域,或為固定位置的第二區(qū)域且所述固定位置位于所述第一區(qū)域外。
優(yōu)選的,所述第一處理模塊包括:
接收子模塊,用于接收觸發(fā)操作;
條件確認子模塊,用于確定所述接收子模塊接收的觸發(fā)操作為位于可滑動的所述第一區(qū)域中的滑動操作,或位于可滑動的所述第一區(qū)域中的滑動操作且所述第一區(qū)域所屬頁面高度小于或等于屏幕高度;
顯示子模塊,用于根據所述條件確認子模塊的結果,獨立于所述頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效。
優(yōu)選的,所述第二處理模塊包括:
接收子模塊,用于接收觸摸操作;
條件確認子模塊,用于確定所述接收子模塊接收的觸摸操作為位于可滑動的所述第二區(qū)域中的滑動操作;
控制處理子模塊,用于根據所述條件確認子模塊的結果,對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
優(yōu)選的,所述控制處理子模塊包括:
坐標轉換子模塊,用于將所述第二區(qū)域的觸摸坐標轉換為所述第一區(qū)域的等效坐標;
同步處理子模塊,用于根據所述坐標轉換子模塊轉換后的所述等效坐標,對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
優(yōu)選的,所述坐標轉換子模塊是將所述第二區(qū)域的觸摸點坐標或觸摸軌跡曲線轉換為所述第一區(qū)域的等效坐標或等效軌跡曲線;所述同步處理子模塊是基于所述等效坐標或等效軌跡曲線,對所述第一區(qū)域顯示的內容進行頁面控制操作。
根據本發(fā)明的另一方面,提供一種頁面控制方法,用于控制頁面中第一區(qū)域內的內容顯示,包括:
響應于預定的觸發(fā)操作,獨立于所述頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效;
響應于所述第二區(qū)域的觸摸操作,對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
優(yōu)選的,所述預定的觸發(fā)操作包括:所述頁面中第一區(qū)域的預定的觸發(fā)操作。
優(yōu)選的,所述第二區(qū)域為可拖動的第二區(qū)域;或,所述第二區(qū)域為固定位置的第二區(qū)域,其中所述固定位置位于所述第一區(qū)域外。
優(yōu)選的,所述預定的觸發(fā)操作包括:位于可滑動的所述第一區(qū)域中的滑動操作;或,位于可滑動的所述第一區(qū)域中的滑動操作且所述第一區(qū)域所屬頁面高度小于或等于屏幕高度。
優(yōu)選的,所述第二區(qū)域的觸摸操作包括:位于可滑動的所述第二區(qū)域中的滑動操作。
優(yōu)選的,所述滑動操作包括:向上或向下滾動,或,向左或向右移動。
優(yōu)選的,所述對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制包括:
通過將所述第二區(qū)域的觸摸坐標轉換為所述第一區(qū)域的等效坐標對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
優(yōu)選的,所述通過將所述第二區(qū)域的觸摸坐標轉換為所述第一區(qū)域的等效坐標對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制包括:
將所述第二區(qū)域的觸摸點坐標或觸摸軌跡曲線轉換為所述第一區(qū)域的等效坐標或等效軌跡曲線,基于所述等效坐標或等效軌跡曲線,對所述第一區(qū)域顯示的內容進行頁面控制操作。
可以發(fā)現(xiàn),本發(fā)明實施例的技術方案,在瀏覽網頁的頁面內容時,根據預定的觸發(fā)操作,可以獨立于頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與頁面的第一區(qū)域上的對應觸摸操作等效,那么在第二區(qū)域進行觸摸操作時,就可以響應于第二區(qū)域的觸摸操作,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制,由于第二區(qū)域可以在頁面第一區(qū)域之外,因此可實現(xiàn)通過第二區(qū)域的觸摸操作控制頁面第一區(qū)域內容的移動,避免頁面第一區(qū)域的內容時被手指遮擋,提升瀏覽體驗。
進一步的,本發(fā)明實施例顯示的第二區(qū)域可以是可拖動的,也可以是固定的,如果是固定的第二區(qū)域,只需位于頁面第一區(qū)域之外就可以避免遮擋,如果是可拖動的,可以顯示在頁面第一區(qū)域之內,再拖動到其他位置即可,或直接顯示在頁面第一區(qū)域之外。
進一步的,本發(fā)明實施例為了更精確進行響應,可以在觸發(fā)操作 是位于可滑動的所述第一區(qū)域中的滑動操作,或位于可滑動的所述第一區(qū)域中的滑動操作且所述第一區(qū)域所屬頁面高度小于或等于屏幕高度時,才獨立于頁面顯示第二區(qū)域。
進一步的,本發(fā)明實施例可以適用于多種觸摸滑動場景,例如向上或向下滾動,或,向左或向右移動等。
附圖說明
通過結合附圖對本公開示例性實施方式進行更詳細的描述,本公開的上述以及其它目的、特征和優(yōu)勢將變得更加明顯,其中,在本公開示例性實施方式中,相同的參考標號通常代表相同部件。
圖1是根據本發(fā)明的一個實施例的一種終端設備的示意性方框圖;
圖2是根據本發(fā)明的一個實施例的一種頁面控制裝置的示意性方框圖;
圖3是根據本發(fā)明的一個實施例的一種頁面控制裝置的另一示意性方框圖;
圖4是根據本發(fā)明的一個實施例的一種頁面控制方法的示意性流程圖;
圖5是根據本發(fā)明的一個實施例的一種頁面控制方法的另一示意性流程圖;
圖6是根據本發(fā)明的一個實施例的一種頁面控制方法中獨立于頁面顯示的同步區(qū)域示意圖。
具體實施方式
下面將參照附圖更詳細地描述本公開的優(yōu)選實施方式。雖然附圖中顯示了本公開的優(yōu)選實施方式,然而應該理解,可以以各種形式實現(xiàn)本公開而不應被這里闡述的實施方式所限制。相反,提供這些實施方式是為了使本公開更加透徹和完整,并且能夠將本公開的范圍完整地傳達給本領域的技術人員。
本發(fā)明提供一種終端設備,能在控制頁面內容移動時避免遮擋移動的內容,提升瀏覽體驗。
圖1是根據本發(fā)明的一個實施例的一種終端設備的示意性方框圖。
如圖1所示,終端設備10可以包括:存儲器11、觸摸式顯示屏12和處理器13。
存儲器11中存儲觸摸式顯示屏上顯示的頁面的內容;
響應于用戶在觸摸式顯示屏12上的頁面的預定的觸發(fā)操作,處理器13執(zhí)行獨立于頁面顯示第二區(qū)域,使第二區(qū)域上的觸摸操作與第一區(qū)域上的對應觸摸操作等效的操作;
響應于第二區(qū)域的觸摸操作,處理器13執(zhí)行對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制的操作。
其中,處理器13響應于第二區(qū)域的觸摸操作,執(zhí)行通過將第二區(qū)域的觸摸坐標轉換為第一區(qū)域的等效坐標對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制的操作。
終端設備10中的處理器13,可以作為一個獨立的裝置結構,該獨立的裝置結構可以稱為頁面控制裝置,該頁面控制裝置可以包括多個子模塊,下文將對該頁面控制裝置結構進行詳細說明。
圖2是根據本發(fā)明的一個實施例的一種頁面控制裝置的示意性方框圖。
如圖2所示,一種頁面控制裝置20可以包括:第一處理模塊21、第二處理模塊22。
第一處理模塊21,用于響應于預定的觸發(fā)操作,獨立于頁面顯示第二區(qū)域,使第二區(qū)域上的觸摸操作與第一區(qū)域上的對應觸摸操作等效。
第二處理模塊22,用于響應于第二區(qū)域的觸摸操作,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制。
可以發(fā)現(xiàn),本發(fā)明實施例的技術方案,在瀏覽網頁的頁面內容時,根據預定的觸發(fā)操作,可以獨立于頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與頁面的第一區(qū)域上的對應觸摸操作等效,那么在第二區(qū)域進行觸摸操作時,就可以響應于第二區(qū)域的觸摸操作,對第一區(qū)域顯示的內 容進行與響應于第一區(qū)域的對應觸摸操作相同的控制,由于第二區(qū)域可以在頁面第一區(qū)域之外,因此可實現(xiàn)通過第二區(qū)域的觸摸操作控制頁面第一區(qū)域內容的移動,避免頁面第一區(qū)域的內容時被手指遮擋,提升瀏覽體驗。
圖3是根據本發(fā)明的一個實施例的一種頁面控制裝置的另一示意性方框圖。
如圖3所示,一種頁面控制裝置20可以包括:第一處理模塊21、第二處理模塊22,該兩個模塊的功能可參見圖2所描述,此處不再贅述。
進一步的,所述第一處理模塊21可以包括:接收子模塊211、顯示子模塊212。
接收子模塊211,用于接收在頁面第一區(qū)域的觸發(fā)操作。
顯示子模塊212,用于響應于接收子模塊211接收的在頁面第一區(qū)域的觸發(fā)操作,獨立于頁面顯示第二區(qū)域,使第二區(qū)域上的觸摸操作與第一區(qū)域上的對應觸摸操作等效,其中第二區(qū)域為可拖動的第二區(qū)域,或為固定位置的第二區(qū)域且固定位置位于第一區(qū)域外。
本發(fā)明實施例顯示的第二區(qū)域可以是可拖動的,也可以是固定的,如果是固定的第二區(qū)域,只需位于頁面第一區(qū)域之外就可以避免遮擋,如果是可拖動的,可以顯示在頁面第一區(qū)域之內,再拖動到其他位置即可,或直接顯示在頁面第一區(qū)域之外。
或者,所述第一處理模塊21可以包括:接收子模塊211、條件確認子模塊213、顯示子模塊212。
接收子模塊211,用于接收觸發(fā)操作。
條件確認子模塊213,用于確定接收子模塊接收的觸發(fā)操作為位于可滑動的第一區(qū)域中的滑動操作,或位于可滑動的第一區(qū)域中的滑動操作且第一區(qū)域所屬頁面高度小于或等于屏幕高度。
顯示子模塊212,用于根據條件確認子模塊213的結果,獨立于頁面顯示第二區(qū)域,使第二區(qū)域上的觸摸操作與第一區(qū)域上的對應觸摸操作等效。
其中,所述第二處理模塊22包括:接收子模塊221、條件確認子模塊222、控制處理子模塊223。
接收子模塊221,用于接收觸摸操作。
條件確認子模塊222,用于確定接收子模塊221接收的觸摸操作為位于可滑動的第二區(qū)域中的滑動操作。
控制處理子模塊223,用于根據條件確認子模塊222的結果,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制。
其中,所述控制處理子模塊223包括:坐標轉換子模塊2231、同步處理子模塊2232。
坐標轉換子模塊2231,用于將第二區(qū)域的觸摸坐標轉換為所述第一區(qū)域的等效坐標。
同步處理子模塊2232,用于根據坐標轉換子模塊2231轉換后的等效坐標,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制。
其中,坐標轉換子模塊2231是將第二區(qū)域的觸摸點坐標或觸摸軌跡曲線轉換為第一區(qū)域的等效坐標或等效軌跡曲線;同步處理子模塊2232是基于等效坐標或等效軌跡曲線,對第一區(qū)域顯示的內容進行頁面控制操作。
圖4是根據本發(fā)明的一個實施例的一種頁面控制方法的示意性流程圖。
如圖4所示,在步驟401中,頁面控制裝置的第一處理模塊響應于預定的觸發(fā)操作,獨立于所述頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效。
上述的頁面控制裝置,可以設于瀏覽器中,控制頁面的瀏覽。
該步驟中,預定的觸發(fā)操作可以包括:所述頁面中第一區(qū)域的預定的觸發(fā)操作。該步驟中,第二區(qū)域可以為可拖動的第二區(qū)域;或,第二區(qū)域為固定位置的第二區(qū)域,其中固定位置位于第一區(qū)域外。
也就是說,顯示的第二區(qū)域可以是可拖動的,也可以是固定的,如果是固定的第二區(qū)域,只需位于頁面第一區(qū)域之外就可以避免遮擋,如果是可拖動的,可以顯示在頁面第一區(qū)域之內,再拖動到其他位置即可,或直接顯示在頁面第一區(qū)域之外。
該步驟中,預定的觸發(fā)操作還可以包括:位于可滑動的第一區(qū)域中的 滑動操作;或,位于可滑動的第一區(qū)域中的滑動操作且第一區(qū)域所屬頁面高度小于或等于屏幕高度。
在步驟402中,頁面控制裝置的第二處理模塊響應于所述第二區(qū)域的觸摸操作,對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
其中,第二區(qū)域的觸摸操作可以包括:位于可滑動的所述第二區(qū)域中的滑動操作?;瑒硬僮骺梢园ǎ合蛏匣蛳蛳聺L動,或,向左或向右移動,也就是說,本發(fā)明實施例方案可以適用于多種場景,包括在頁面滾動瀏覽等。
其中,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制可以包括:通過將第二區(qū)域的觸摸坐標轉換為第一區(qū)域的等效坐標對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制,例如,將所述第二區(qū)域的觸摸點坐標或觸摸軌跡曲線轉換為所述第一區(qū)域的等效坐標或等效軌跡曲線,基于所述等效坐標或等效軌跡曲線,對所述第一區(qū)域顯示的內容進行頁面控制操作。
可以發(fā)現(xiàn),本發(fā)明實施例的技術方案,在瀏覽網頁的頁面內容時,根據預定的觸發(fā)操作,可以獨立于頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與頁面的第一區(qū)域上的對應觸摸操作等效,那么在第二區(qū)域進行觸摸操作時,就可以響應于第二區(qū)域的觸摸操作,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制,由于第二區(qū)域可以在頁面第一區(qū)域之外,因此可實現(xiàn)通過第二區(qū)域的觸摸操作控制頁面第一區(qū)域內容的移動,避免頁面第一區(qū)域的內容時被手指遮擋,提升瀏覽體驗。
圖5是根據本發(fā)明的一個實施例的一種頁面控制方法的另一示意性流程圖。
圖5相對于圖4更詳細描述了本發(fā)明實施例的技術方案。該實施例可以獨立于頁面生成一個可拖動的第二區(qū)域例如同步區(qū)域進行顯示,該同步區(qū)域可以浮動于頁面的第一區(qū)域例如可滾動區(qū)域之上,或浮動于頁面的其他位置,該同步區(qū)域的一切滾動操作會同步到可滾動區(qū)域。
如圖5所示,在步驟501中,頁面控制裝置的第一處理模塊接收在頁面第一區(qū)域的預定的觸發(fā)操作。
該頁面第一區(qū)域可以是頁面中的可滑動區(qū)域,例如是可上下滾動的可滾動區(qū)域,或可左右移動的平移區(qū)域。該可滑動區(qū)域可以是例如文字內容區(qū)域。
需說明的是,該步驟是以觸發(fā)操作發(fā)生在第一區(qū)域舉例說明但不局限于此,可以是在頁面的其他位置。
該觸發(fā)操作可以是上下滾動的滾動操作,或左右移動的平移操作。本實施例是以頁面第一區(qū)域為可滾動區(qū)域舉例說明但不局限于此。
在步驟502中,第一處理模塊響應于預定的觸發(fā)操作,獨立于頁面顯示第二區(qū)域,使第二區(qū)域上的觸摸操作與所述第一區(qū)域上的對應觸摸操作等效。
本發(fā)明實施例所說的預定的觸發(fā)操作,可以包括:位于可滑動的第一區(qū)域中的滑動操作;或,位于可滑動的第一區(qū)域中的滑動操作且第一區(qū)域所屬頁面高度小于或等于屏幕高度。需說明的是,除了滑動操作,也可以是其他操作例如點擊操作等。
以下以第一區(qū)域為可滾動區(qū)域、觸發(fā)操作為滑動操作為例說明對觸發(fā)操作的判斷過程但不局限于此:
接收到滑動操作后,首先判斷接收的滑動操作所在的區(qū)域是否是可滾動區(qū)域,如不是可滾動區(qū)域,不進行響應;如是可滾動區(qū)域,進一步判斷可滾動區(qū)域所屬頁面的高度是否小于或等于屏幕高度,如不小于或等于屏幕高度,不進行響應,如是小于或等于屏幕高度,則獨立于頁面生成浮動在頁面上層的可滾動的同步區(qū)域。
如果頁面高度大于屏幕高度,在可滾動區(qū)域外做滑動操作時,此時可能就需要滾動整個頁面。如果此時依然生成浮動的同步區(qū)域,那么所有的滑動操作都可能被浮動的同步區(qū)域接收用于響應可滾動區(qū)域,這時頁面可能就無法滑動。因此可以在可滾動區(qū)域所屬頁面的高度小于或等于屏幕高度時,生成浮動的同步區(qū)域進行顯示。
需說明的是,上述所說的可滾動的同步區(qū)域,是由瀏覽器生成的區(qū)域而非頁面自身的區(qū)域。在可滾動的同步區(qū)域內所產生的滾動操作將會同步到頁面內的可滾動區(qū)域內,帶動頁面內的可滾動區(qū)域的內容的滾動。
該步驟生成的同步區(qū)域可參見圖6所示,圖6是根據本發(fā)明的一個實施例的一種頁面控制方法中獨立于頁面顯示的同步區(qū)域示意圖。圖中顯示的第二區(qū)域即同步區(qū)域601可以是可拖動的,也可以是固定的,如果是固定的第二區(qū)域,只需位于頁面第一區(qū)域之外就可以避免遮擋,如果是可拖動的,可以顯示在頁面第一區(qū)域之內,再拖動到其他位置即可,或直接顯示在頁面第一區(qū)域之外。
在步驟503中,頁面控制裝置的第二處理模塊接收在所述第二區(qū)域的觸摸操作。
第二區(qū)域的觸摸操作可以包括:位于可滑動的第二區(qū)域中的滑動操作?;瑒硬僮骺梢园ǎ合蛏匣蛳蛳聺L動,或,向左或向右移動等。
在步驟504中,第二處理模塊響應于所述第二區(qū)域的觸摸操作,對所述第一區(qū)域顯示的內容進行與響應于所述第一區(qū)域的對應觸摸操作相同的控制。
該步驟可以通過將第二區(qū)域的觸摸坐標轉換為第一區(qū)域的等效坐標對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制,例如,將所述第二區(qū)域的觸摸點坐標或觸摸軌跡曲線轉換為所述第一區(qū)域的等效坐標或等效軌跡曲線,基于所述等效坐標或等效軌跡曲線,對所述第一區(qū)域顯示的內容進行頁面控制操作。
以下內容以該步驟的觸摸操作以滾動操作為例說明但不局限于此。
接收到滾動操作后,首先判斷接收的滾動事件是否發(fā)生在同步區(qū)域,如不是發(fā)生在同步區(qū)域,不進行響應;如是發(fā)生在同步區(qū)域,則將同步區(qū)域的滾動事件坐標轉換為實際滾動區(qū)域坐標(即將同步區(qū)域(第二區(qū)域)的觸摸坐標轉換為可滾動區(qū)域(第一區(qū)域)的等效坐標)后,再傳遞滾動事件進行響應。
假設網頁頁面的可滾動區(qū)域的絕對坐標x0,y0(相對于整個頁面 的絕對坐標),生成的同步區(qū)域記錄可滾動區(qū)域的坐標x0,y0,且同步區(qū)域被用戶拖動后,同步區(qū)域的坐標為x1,y1,同步區(qū)域的寬高為w,h,則上述將同步區(qū)域的滾動事件坐標轉換為實際滾動區(qū)域坐標再傳遞滾動事件的過程包括:
1)檢測到用戶滾動頁面,生成滾動事件。
2)確認出滾動事件的坐標(ex,ey)符合以下條件:x1<ex<x1+w且y1<ey<y1+h,則認為滾動事件發(fā)生在同步區(qū)域內。
3)將滾動事件的坐標轉換為滾動區(qū)域的坐標,即ex1=x0+ex,ey0=y(tǒng)0+ey。
4)傳遞包含轉換后的坐標的滾動事件。
那么,可滾動區(qū)域根據傳遞的滾動事件中轉換后的坐標,將滾動區(qū)域的位置進行同步,即將可滾動區(qū)域的絕對坐標x0在水平方向即x軸移動ex,將y0在垂直方向即y軸移動。可以發(fā)現(xiàn),由于在滾動時對滾動區(qū)域不產生遮擋,因此可以使用戶的瀏覽體驗更好。
以下進一步通過一個應用實施例進行說明。
假設用戶打開一個頁面,該頁面含有可滾動區(qū)域,當檢測到用戶手指落在可滾動區(qū)域內,則瀏覽器再獨立于頁面生成一個同步區(qū)域,用戶可以將同步區(qū)域拖動到操作時不影響滾動頁面的位置,那么后續(xù)用戶在同步區(qū)域內的滾動操作,將會直接同步到可滾動區(qū)域內,即可滾動區(qū)域的內容會跟隨在同步區(qū)域的滾動操作而滾動,這樣就不會在滾動時對滾動區(qū)域產生遮擋。
需說明的是,本發(fā)明實施例所說的預定的觸發(fā)操作,還可以是例如特定位置/特定時長/特定方式的特定動作,或者是移動終端的某個按鍵的特定操作等,通過這些特定動作或特定操作,指定一個第二區(qū)域,使第二區(qū)域的操作與第一區(qū)域的操作對應。而且,兩個區(qū)域中的操作也可以不相同,例如可以是第二區(qū)域中點擊某個部位產生第一區(qū)域中向某個區(qū)域滑動的效果。另外,在第二區(qū)域中的操作除了滑動操作,還可以是例如翻頁、關閉、取消文字顯示等。
綜上所述,本發(fā)明實施例的技術方案,在瀏覽網頁的頁面內容時, 根據預定的觸發(fā)操作,可以獨立于頁面顯示第二區(qū)域,使所述第二區(qū)域上的觸摸操作與頁面的第一區(qū)域上的對應觸摸操作等效,那么在第二區(qū)域進行觸摸操作時,就可以響應于第二區(qū)域的觸摸操作,對第一區(qū)域顯示的內容進行與響應于第一區(qū)域的對應觸摸操作相同的控制,由于第二區(qū)域可以在頁面第一區(qū)域之外,因此可實現(xiàn)通過第二區(qū)域的觸摸操作控制頁面第一區(qū)域內容的移動,避免頁面第一區(qū)域的內容時被手指遮擋,提升瀏覽體驗。
進一步的,本發(fā)明實施例顯示的第二區(qū)域可以是可拖動的,也可以是固定的,如果是固定的第二區(qū)域,只需位于頁面第一區(qū)域之外就可以避免遮擋,如果是可拖動的,可以顯示在頁面第一區(qū)域之內,再拖動到其他位置即可,或直接顯示在頁面第一區(qū)域之外。
上文中已經參考附圖詳細描述了根據本發(fā)明的技術方案。
此外,根據本發(fā)明的方法還可以實現(xiàn)為一種計算機程序,該計算機程序包括用于執(zhí)行本發(fā)明的上述方法中限定的上述各步驟的計算機程序代碼指令。或者,根據本發(fā)明的方法還可以實現(xiàn)為一種計算機程序產品,該計算機程序產品包括計算機可讀介質,在該計算機可讀介質上存儲有用于執(zhí)行本發(fā)明的上述方法中限定的上述功能的計算機程序。本領域技術人員還將明白的是,結合這里的公開所描述的各種示例性邏輯塊、模塊、電路和算法步驟可以被實現(xiàn)為電子硬件、計算機軟件或兩者的組合。
附圖中的流程圖和框圖顯示了根據本發(fā)明的多個實施例的系統(tǒng)和方法的可能實現(xiàn)的體系架構、功能和操作。在這點上,流程圖或框圖中的每個方框可以代表一個模塊、程序段或代碼的一部分,所述模塊、程序段或代碼的一部分包含一個或多個用于實現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應當注意,在有些作為替換的實現(xiàn)中,方框中所標記的功能也可以以不同于附圖中所標記的順序發(fā)生。例如,兩個連續(xù)的方框實際上可以基本并行地執(zhí)行,它們有時也可以按相反的順序執(zhí)行,這依所涉及的功能而定。也要注意的是,框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合,可以用執(zhí)行規(guī)定的功能或 操作的專用的基于硬件的系統(tǒng)來實現(xiàn),或者可以用專用硬件與計算機指令的組合來實現(xiàn)。
以上已經描述了本發(fā)明的各實施例,上述說明是示例性的,并非窮盡性的,并且也不限于所披露的各實施例。在不偏離所說明的各實施例的范圍和精神的情況下,對于本技術領域的普通技術人員來說許多修改和變更都是顯而易見的。本文中所用術語的選擇,旨在最好地解釋各實施例的原理、實際應用或對市場中的技術的改進,或者使本技術領域的其它普通技術人員能理解本文披露的各實施例。