[發明專利]用于無下拉功能頁面的顯示方法和顯示裝置

在審

• 申請號: 201610873594.6
• 申請日: 2016-09-30
• 公開（公告）號: CN107885411A
• 公開（公告）日: 2018-04-06
• 發明（設計）人: 莫文;徐宏偉;畢磊;李平;張喜亮
• 申請（專利權）人: 北京京東尚科信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F3/0488
• 代理公司: 中科專利商標代理有限責任公司11021
• 代理人: 王洵

技術領域

本發明涉及移動互聯網技術，具體涉及一種用于無下拉功能頁面的顯示方法和顯示裝置

背景技術

隨著移動互聯網的發展，移動設備越來越多，移動應用也越來越多，對觸屏設備的使用越頻繁。用戶使用觸屏設備時，無論當前頁面是否支持下拉刷新，都可能用手去下拉刷新，這樣在沒有刷新功能的頁面用戶即使下拉了也沒有刷新的反饋，即下拉的時候，客戶端沒有給用戶任何反饋說明當前頁面無法下拉刷新。

現有技術一般通過如下流程來展示內容信息。首先，獲取當前頁面需要展示的內容信息，例如，從本地信息源讀取信息或者向服務器發起請求獲取信息內容存儲到本地，然后加載內容信息到內存中。接下來，內容信息使用相應的控件來展示內容，例如，文字使用文本控件展示，圖片使用圖片控件展示。

現有技術的缺點是，當客戶端應用展示的頁面不需要隨時刷新時，頁面本身并沒有下拉刷新功能，這樣的話，用戶由于習慣下拉頁面之后，頁面沒有變化，即對于下拉事件沒有給予用戶的反饋，體驗不好。因此，需要提供一種解決無下拉刷新頁面在被下拉過程當中的反饋弱的問題。

發明內容

根據本發明的一個方案，提供了一種用于無下拉功能頁面的顯示方法，包括：在顯示屏幕的展示區域中顯示背景圖；監控顯示屏幕中發生下拉事件；以及當發生下拉事件時，顯示背景圖中初始超出所述展示區域的隱藏內容和/或顯示放大的背景圖。

在一個實施例中，在展示區域中顯示背景圖可以包括：確定展示區域的大小；計算被展示的背景圖的合適大小，包括以當前顯示屏幕寬度作為背景圖的展示寬度，計算得到背景圖需要縮放的比例，根據該比例計算得到背景圖縮放后的高度X；以及計算背景圖的展示位置，包括若X大于展示區域的高度，則將背景圖在展示區域的左側和頂部對齊展示，并隱藏超出的內容，若X等于展示區域的高度，則背景圖展示位置與展示區域一致，若X小于展示區域的高度，則背景圖在展示區域中垂直居中展示。

在一個實施例中，當發生下拉事件時，如果背景圖有超出展示區域的隱藏內容，則可以根據下拉幅度，增加所述展示區域的高度，顯示背景圖中初始超出所述展示區域的隱藏內容。

在一個實施例中，當發生下拉事件時，如果背景圖沒有隱藏內容，可以顯示放大的背景圖。

在一個實施例中，當發生下拉事件時，如果展示區域的高度達到預先設置的閾值，則可以顯示放大的背景圖。

在一個實施例中，顯示放大的背景圖可以包括：放大背景圖，使背景圖的中心和展示區域的中心一致，并隱藏放大后超出展示區域的部分。

在一個實施例中，可以基于移動終端的分辨率和需要在展示區域中展示的內容信息的大小，或者基于當前的屏幕比例來確定展示區域的大小。

在一個實施例中，所述方法還可以包括在顯示背景圖之前獲取當前頁面需要展示的內容信息，包括從本地讀取信息或者向服務器發起請求以獲取內容信息存儲在本地，以及加載內容信息到內存中。

在一個實施例中，可以從內容信息中讀取按照規則設定的背景圖和/或背景色。所述規則可以包括根據內容信息的類別和移動終端的分辨率來讀取要展示的背景圖和/或背景色。

在一個實施例中，所述方法還可以包括：當發生下拉事件時，使展示區域中顯示的內容信息在垂直方向上隨著下拉而下移。

在一個實施例中，所述方法還可以包括：當下拉事件結束時，以發生下拉事件前的相同方式展示背景圖。

根據本發明的另一方案，還提供一種用于無下拉功能頁面的顯示裝置，包括：背景圖顯示單元，可以被配置為在顯示屏幕的展示區域中顯示背景圖；監控單元，可以被配置為監控顯示屏幕中發生下拉事件；以及下拉事件處理單元，可以被配置為當發生下拉事件時，顯示背景圖中初始超出所述展示區域的隱藏內容和/或顯示放大的背景圖。

通過本發明，用戶在無下拉刷新頁面功能的頁面中下拉頁面時，頁面可以給予比較友好的拉伸反饋，從而提高了用戶體驗。

附圖說明

根據結合示例性附圖對示例性實施例的以下描述，本公開的其他細節、方面和優點將變得顯而易見。

圖1示出了根據本發明示例實施例的用于無下拉功能頁面顯示的總體流程圖。

圖2示出了根據本發明示例實施例的在發生下拉事件前的展示區域中的背景圖展示。

圖3示出了在下拉事件中增加展示區域高度以顯示更多背景圖的動畫過程。

圖4示出了在下拉事件中放大背景圖的動畫過程。

圖5示出了根據本發明示例實施例的用于無下拉功能頁面的顯示方法。