[發(fā)明專利]用于呈現(xiàn)題目頁面的方法和裝置

在審

• 申請?zhí)枺?/td>: 201910702159.0
• 申請日: 2019-07-31
• 公開（公告）號: CN110413916A
• 公開（公告）日: 2019-11-05
• 發(fā)明（設計）人: 楊茗名;王群
• 申請（專利權）人: 百度在線網絡技術（北京）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/9532
• 代理公司: 北京英賽嘉華知識產權代理有限責任公司 11204
• 代理人: 王達佐;馬曉亞

本公開實施例公開了用于呈現(xiàn)題目頁面的方法和裝置。方法包括：接收用戶針對包含題目的圖片的提交操作；獲取提交操作所提交的圖片；基于提交操作所提交的圖片，輸出結果頁，結果頁包括：顯示于第一區(qū)域的圖片和顯示于第二區(qū)域的解答內容；其中，顯示于第一區(qū)域的圖片中呈現(xiàn)至少一個題目區(qū)域；解答內容用于解答顯示于第一區(qū)域的圖片中被選中的題目。該方法可以減少加載結果頁的時間，提升加載結果頁的動畫流暢度。

技術領域

本公開涉及計算機技術領域，具體涉及Web設計技術領域，尤其涉及用于呈現(xiàn)題目頁面的方法和裝置。

背景技術

搜題業(yè)務，通常是用戶采用智能終端中的搜題應用對著題目拍照或上傳題目的圖片，然后搜題應用的界面跳轉到一個對應題目的結果頁。在結果頁的頁面上部，會顯示用戶提交的題目圖片，同時，題目圖片上的題目部分會被框選出來，并且在用戶提交的原始圖片上，可以進行多題的切換操作，定位不同的題目；在結果頁的頁面下部，會給出基于被框選的題目召回的解答內容。

目前呈現(xiàn)的結果頁，題目圖片上的多題框選是通過在多個圖片上進行操作，對某些圖片做遮罩處理以控制每張圖片的可視區(qū)域大小，從而實現(xiàn)多個題目的切換。

發(fā)明內容

本公開實施例提供了用于呈現(xiàn)題目頁面的方法和裝置。

第一方面，本公開實施例提供了一種用于呈現(xiàn)題目頁面的方法，包括：接收用戶針對包含題目的圖片的提交操作；獲取提交操作所提交的圖片；基于提交操作所提交的圖片，輸出結果頁，結果頁包括：顯示于第一區(qū)域的圖片和顯示于第二區(qū)域的解答內容；其中，顯示于第一區(qū)域的圖片中呈現(xiàn)至少一個題目區(qū)域；解答內容用于解答顯示于第一區(qū)域的圖片中被選中的題目。

在一些實施例中，方法還包括：響應于接收用戶的交互指令，基于交互指令所選中的題目區(qū)域，實時渲染刷新第一區(qū)域的圖片以及刷新解答內容。

在一些實施例中，響應于接收用戶的交互指令，基于交互指令所選中的題目區(qū)域，實時渲染刷新第一區(qū)域的圖片包括：響應于接收用戶的交互指令，啟動刷新線程；采用刷新線程，刷新第一區(qū)域的圖片以及刷新解答內容；其中，刷新第一區(qū)域的圖片包括：渲染交互指令所選中的題目區(qū)域至預設亮度，渲染第一區(qū)域的圖片中除交互指令所選中的題目區(qū)域之外的蒙層區(qū)域至預定灰度。

在一些實施例中，采用刷新線程，刷新第一區(qū)域的圖片包括：采用刷新線程和預設的動畫參數，刷新第一區(qū)域的圖片。

在一些實施例中，動畫參數基于以下參數確定：動畫效果；動畫時延；動畫起始值；和動畫終點值。

在一些實施例中，用戶的交互指令包括以下至少一項：用于切換被選中的題目區(qū)域的指令；用于移動被選中的題目區(qū)域的指令；以及用于縮放被選中的題目區(qū)域的指令。

在一些實施例中，基于交互指令所選中的題目區(qū)域，刷新解答內容包括：基于交互指令所選中的題目，向后端發(fā)起題目檢索請求；以及響應于接收后端響應于題目檢索請求返回的檢索結果，實時刷新交互指令所選中的題目的解答內容。

在一些實施例中，基于提交操作所提交的圖片，輸出結果頁包括：在第一區(qū)域的圖片中除被選中的題目區(qū)域之外的其它題目區(qū)域處呈現(xiàn)待選標識；以及響應于接收用戶的交互指令，基于交互指令所選中的題目區(qū)域，實時渲染刷新第一區(qū)域的圖片以及刷新解答內容包括：響應于接收用戶對呈現(xiàn)的待選標識的選擇操作，基于被選擇操作選中的待選標識所指示的題目區(qū)域，實時渲染刷新第一區(qū)域的圖片以及刷新解答內容。

第二方面，本公開實施例提供了一種用于呈現(xiàn)題目頁面的裝置，包括：操作接收單元，被配置成接收用戶針對包含題目的圖片的提交操作；圖片獲取單元，被配置成獲取提交操作所提交的圖片；結果頁輸出單元，被配置成基于提交操作所提交的圖片，輸出結果頁，結果頁包括：顯示于第一區(qū)域的圖片和顯示于第二區(qū)域的解答內容；其中，顯示于第一區(qū)域的圖片中呈現(xiàn)至少一個題目區(qū)域；解答內容用于解答顯示于第一區(qū)域的圖片中被選中的題目。