本發(fā)明涉及智能終端顯示領域，特別是涉及一種頁面顯示方法和裝置。

背景技術：

目前，當用戶在如手機等的智能移動終端的顯示屏的當前頁面上點擊頁面切換按鈕時，下一級頁面會全屏顯示在當前界面，下一級頁面會遮擋住上一級頁面的信息。如果用戶需要對上一級頁面進行操作或查詢信息時，需要重新切換回上一級。這樣操作繁瑣，不便。

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

基于此，有必要針對上述技術問題，提供一種頁面顯示方法和裝置，其能夠提高用戶操作的便利性。

一種頁面顯示方法，包括以下步驟：

在觸摸屏的顯示器上全屏顯示第一頁面；

檢測作用于所述第一頁面中頁面元素上的觸摸操作；

響應于檢測到的所述觸摸操作，獲取與所述頁面元素對應的第二頁面；

根據(jù)預設的頁面在顯示器上的顯示比例，在所述顯示器上非全屏顯示所述第二頁面。

在一個實施例中，

在所述顯示器上非全屏顯示所述第二頁面，包括：

在所述顯示器上展示所述第二頁面的部分區(qū)域，或者展示所述第二頁面全部區(qū)域的縮略圖。

在一個實施例中，

所述顯示比例為50％；

在所述顯示器上非全屏顯示所述第二頁面，包括：

在所述顯示器上半屏顯示所述第二頁面。

在一個實施例中，

在所述顯示器上非全屏顯示所述第二頁面之后，還包括：

檢測作用于所述第二頁面的觸摸操作；

響應于檢測到的所述觸摸操作，在所述顯示屏上全屏顯示所述第二頁面；

在一個實施例中，

所述觸摸操作包括對所述第二頁面的拖動操作或對所述第二頁面預設區(qū)域的點擊操作。

一種頁面顯示裝置，包括：

顯示模塊，用于在觸摸屏的顯示器上全屏顯示第一頁面；

檢測模塊，用于檢測作用于所述第一頁面中頁面元素上的觸摸操作；

頁面獲取模塊，用于響應于檢測到的所述觸摸操作，獲取與所述頁面元素對應的第二頁面；

非全屏顯示模塊，用于根據(jù)預設的頁面在顯示器上的顯示比例，在所述顯示器上非全屏顯示所述第二頁面。

在一個實施例中，

所述非全屏顯示模塊，還用于在所述顯示器上展示所述第二頁面的部分區(qū)域，或者展示所述第二頁面全部區(qū)域的縮略圖。

在一個實施例中，

所述顯示比例為50％；

所述非全屏顯示模塊，還用于在所述顯示器上半屏顯示所述第二頁面。

在一個實施例中，

所述檢測模塊，還用于檢測作用于所述第二頁面的觸摸操作；

所述裝置還包括：

全屏切換模塊，用于響應于檢測到的所述觸摸操作，在所述顯示屏上全屏顯示所述第二頁面。

在一個實施例中，

所述觸摸操作包括對所述第二頁面的拖動操作或對所述第二頁面預設區(qū)域的點擊操作。

上述的頁面顯示方法和裝置，通過觸摸屏的顯示器上全屏顯示第一頁面；檢測作用于所述第一頁面中頁面元素上的觸摸操作；響應于檢測到的所述觸摸操作，獲取與所述頁面元素對應的第二頁面；根據(jù)預設的頁面在顯示器上的顯示比例，在所述顯示器上非全屏顯示所述第二頁面，實現(xiàn)了當前頁面可以同時顯示第一頁面和第二頁面，提高了用戶操作的便利性。

附圖說明

圖1為一個實施例中頁面顯示方法的應用環(huán)境圖；

圖2為一個實施例中頁面顯示方法的流程圖；

圖3為一個實施例中頁面切換的示意圖；

圖4為另一個實施例中頁面顯示的方法的流程圖；

圖5為另一個實施例中進行全屏切換的示意圖；

圖6為一個實施例中頁面顯示裝置的結構框圖；

圖7為另一個實施例中頁面顯示裝置的結構框圖。

具體實施方式

為了使本發(fā)明的目的、技術方案及優(yōu)點更加清楚明白，以下結合附圖及實施例，對本發(fā)明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

本發(fā)明實施例所提供的頁面顯示方法可應用于如圖1所示的應用場景中。請參考圖1所示，終端102可通過預先設置的網絡與服務器104進行交互。其中，終端102可為具有通信功能的智能手機、平板電腦、掌上電腦、智能手表中的一種，但并不局限于此。終端102可向服務器104發(fā)送頁面獲取請求，服務器104根據(jù)頁面獲取請求查找相應的頁面，并向終端102返回頁面信息，終端102可以按照設定展示頁面。

在一個實施例中，如圖2所示，提供了一種頁面顯示方法，該方法可應用于圖1所示的終端102中，該方法包括：

步驟S202：在觸摸屏的顯示器上全屏顯示第一頁面。

具體的，第一頁面是指帶有觸發(fā)區(qū)域且通過觸發(fā)區(qū)域能夠進入下一級頁面的終端上具體的頁面。例如，第一頁面可以是終端上具體應用對應的頁面，也可以是網絡瀏覽器中的一個具體的頁面。更具體的，例如即時通信應用中的首頁可以為第一頁面，觸發(fā)首頁上的“通信錄”按鈕對應的區(qū)域，則可進入通信錄對應的頁面。

步驟S204：檢測作用于所述第一頁面中頁面元素上的觸摸操作。

第一頁面中的頁面元素指第一頁面中的能夠被觸發(fā)產生下一級頁面的虛擬按鈕。第一頁面中的頁面元素可以是“上一頁”“下一頁”等頁面切換按鈕，可以是用于表示頁面切換的圖標，例如數(shù)字圖標、符號圖標(例如“→”、“←”)等，還可以是頁面中的特定區(qū)域，如即時通信應用中的聊天欄區(qū)域。

當用戶想要進入下一級頁面時，可以通過作用在第一頁面上的頁面元素的觸摸操作觸發(fā)頁面切換的指令，該指令中攜帶下一級頁面的標識。

步驟S206：響應于檢測到的所述觸摸操作，獲取與所述頁面元素對應的第二頁面。

終端響應于上述的觸摸操作指令，根據(jù)攜帶的標識向服務器發(fā)出獲取頁面信息的指令，服務器響應該指令，下傳對應的第二頁面，這里的第二頁面即為對應頁面元素的第一頁面的下一級頁面。根據(jù)頁面元素，第二頁面可以是第一頁面的下一頁，也可以是上一頁，也可以是具體的某一個聊天窗口，只要是對應第一頁面的頁面元素產生的頁面均為第二頁面。

步驟S208：根據(jù)預設的頁面在顯示器上的顯示比例，在所述顯示器上非全屏顯示所述第二頁面。

終端獲取到第二頁面后，將在終端的顯示器上顯示第二頁面，其中，預先存儲了第二頁面顯示比例，其中該顯示比例指的是第二頁面顯示的面積與顯示器整個顯示區(qū)域面積的比值，其中，該比值小于1，按照小于1的顯示比例顯示第二頁面即為顯示器上將非全屏顯示第二頁面。

在一個實施例中，顯示器的顯示區(qū)域中未顯示第二頁面的區(qū)域顯示上述的第一頁面，具體為第二頁面非全屏覆蓋在第一頁面上。也就是，顯示器的顯示區(qū)域內同時顯示第一頁面與第二頁面，如圖3所示。

在一個實施例中，還可以通過上述方法實現(xiàn)多頁面的同時顯示。具體的，觸發(fā)第二頁面上的頁面元素，將與該頁面元素對應的第三頁面也顯示在當前頁面。

本實施例中，通過觸摸屏的顯示器上全屏顯示第一頁面；檢測作用于所述第一頁面中頁面元素上的觸摸操作；響應于檢測到的所述觸摸操作，獲取與所述頁面元素對應的第二頁面；根據(jù)預設的頁面在顯示器上的顯示比例，在所述顯示器上非全屏顯示所述第二頁面，實現(xiàn)了當前頁面可以同時顯示多個頁面，提高了用戶操作的便利性。

在一個實施例中，步驟S208：在所述顯示器上非全屏顯示所述第二頁面，包括：

在所述顯示器上展示所述第二頁面的部分區(qū)域，或者展示所述第二頁面全部區(qū)域的縮略圖。

如圖3右側圖示為在顯示器上展示第二頁面的部分區(qū)域，具體為：根據(jù)預設顯示比例，顯示相應比例的第二頁面，例如顯示自頁面頂端起第二頁面的2/3。

為了能夠顯示第二頁面中未顯示的部分內容，顯示的第二頁面的邊側設置游移動控件，通過向下拖動該移動控件，可顯示第二頁面的未顯示的部分內容。

對于在顯示器上展示第二頁面的全部區(qū)域的縮略圖的方法，具體為：按設定的顯示比例，縮小第二頁面，將縮小后的第二頁面展示在當前顯示頁面。

在一個實施例中，

所述顯示比例為50％；

步驟S208：在所述顯示器上非全屏顯示所述第二頁面，包括：

在所述顯示器上半屏顯示所述第二頁面，下半屏顯示第一頁面。還可以是在顯示器下半屏顯示第二頁面，上半屏顯示第一頁面。

本實施例中，第一頁面和第二頁面均可半屏顯示，在第二頁面進行信息輸入等操作時，可以參照第一頁面中的內容，無需用戶在兩個頁面之間頻繁切換。

在一個實施例中，顯示的第二頁面的邊側設置有移動控件，通過向下/向上拖動該移動控件，可顯示第二頁面的未顯示的部分內容。顯示的第一頁面的邊側設置游移動控件，通過向下/向上拖動該移動控件，可顯示第一頁面的未顯示的部分內容。在同時半屏顯示的基礎上，通過相應的移動控件可顯示頁面的其他內容，以滿足用戶需求，可方便快捷的顯示更多的頁面信息。

在一個實施例中，如圖4所示，步驟S208：在所述顯示器上非全屏顯示所述第二頁面之后，還包括：

步驟S302：檢測作用于所述第二頁面的觸摸操作。

步驟S304：響應于檢測到的所述觸摸操作，在所述顯示屏上全屏顯示所述第二頁面。

具體的，作用于第二頁面的觸摸操作包括對所述第二頁面的拖動操作或對所述第二頁面預設區(qū)域的點擊操作，其中，拖動操作可以為向上的拖動操作或者向下的拖動操作。

如圖5所示，當?shù)诙撁嫖挥谄聊坏南掳肫習r，施加向上拖動的操作使第二頁面全屏顯示，當?shù)诙撁嫖挥谄聊坏纳习肫習r，施加向下的拖動操作使第二頁面全屏顯示。還可以通過點擊第二頁面顯示的區(qū)域使第二頁面全屏顯示。

在一個實施例中，還可以通過檢測作用于所述第一頁面的觸摸操作并響應于檢測到的所述觸摸操作，在所述顯示屏上全屏顯示所述第一頁面。

本實施例中，實現(xiàn)了自雙頁面的顯示向單頁面顯示的切換，頁面切換更加靈活。

在一個實施例中，如圖6所示，提供了一種頁面顯示裝置，包括：

顯示模塊410，用于在觸摸屏的顯示器上全屏顯示第一頁面。

檢測模塊420，用于檢測作用于所述第一頁面中頁面元素上的觸摸操作。

頁面獲取模塊430，用于響應于檢測到的所述觸摸操作，獲取與所述頁面元素對應的第二頁面。

非全屏顯示模塊440，用于根據(jù)預設的頁面在顯示器上的顯示比例，在所述顯示器上非全屏顯示所述第二頁面。

在一個實施例中，

所述非全屏顯示模塊440，還用于在所述顯示器上展示所述第二頁面的部分區(qū)域，或者展示所述第二頁面全部區(qū)域的縮略圖。

在一個實施例中，

所述顯示比例為50％。

所述非全屏顯示模塊440，還用于在所述顯示器上半屏顯示所述第二頁面。

在一個實施例中，

所述檢測模塊，還用于檢測作用于所述第二頁面的觸摸操作。

如圖7所示，所述裝置還包括：

全屏切換模塊510，用于響應于檢測到的所述觸摸操作，在所述顯示屏上全屏顯示所述第二頁面。

在一個實施例中，

所述觸摸操作包括對所述第二頁面的拖動操作或對所述第二頁面預設區(qū)域的點擊操作。

以上所述實施例的各技術特征可以進行任意的組合，為使描述簡潔，未對上述實施例中的各個技術特征所有可能的組合都進行描述，然而，只要這些技術特征的組合不存在矛盾，都應當認為是本說明書記載的范圍。

以上所述實施例僅表達了本發(fā)明的幾種實施方式，其描述較為具體和詳細，但并不能因此而理解為對發(fā)明專利范圍的限制。應當指出的是，對于本領域的普通技術人員來說，在不脫離本發(fā)明構思的前提下，還可以做出若干變形和改進，這些都屬于本發(fā)明的保護范圍。因此，本發(fā)明專利的保護范圍應以所附權利要求為準。