[發明專利]一種焦點圖片顯示方法及裝置

有效

• 申請號: 201610124846.5
• 申請日: 2016-03-04
• 公開（公告）號: CN105739938B
• 公開（公告）日: 2018-07-24
• 發明（設計）人: 徐佳宏;朱呂亮
• 申請（專利權）人: 深圳市茁壯網絡股份有限公司
• 主分類號: G06F3/14
• 分類號: G06F3/14
• 代理公司: 深圳市深佳知識產權代理事務所(普通合伙) 44285
• 代理人: 王仲凱

本申請公開了一種焦點圖標顯示方法及裝置，響應目標焦點區域的圖片顯示指令，獲取預置的焦點圖片；確定焦點圖片的完全透明的中心矩形區域；確定焦點圖片的四個角區域、上下兩側區域和左右兩側區域；確定上下兩側區域和左右兩側區域的最小重復單元，分別為1像素點寬、X像素點高的區域和Y像素點寬、1像素點高的區域，X為上下兩側區域的高度，Y為左右兩側區域的寬度；在繪制與目標焦點區域尺寸一致的目標焦點圖片時，四個角區域以及中心矩形區域原樣顯示，上下兩側區域的最小重復單元沿水平方向平鋪顯示，左右兩側區域的最小重復單元沿垂直方向平鋪顯示；將目標焦點圖片顯示在目標焦點區域上。本申請保證了目標焦點圖片的焦點框的粗細不變。

技術領域

本申請涉及圖片顯示技術領域，更具體地說，涉及一種焦點圖片顯示方法及裝置。

背景技術

現行的應用程序或網頁上通常包含多個焦點元素，這些焦點元素可以響應鼠標的點擊。而目前的數字電視系統中，一般沒有鼠標，只有一個傳統的遙控器，用戶通過上下左右四個方向鍵進行控制，這時會有一個“當前焦點”的概念，在無歧義的情況下，也可以直接簡稱為“焦點”。由于遙控器不像鼠標那樣，有鼠標指針在屏幕上顯示，所以需要一種方式來明確提示用戶焦點的位置。現有技術一般采用焦點框表示。

焦點框可以看作是一個圖片。當用戶按下方向鍵時，系統計算出焦點元素，然后將預置的焦點框圖片顯示到焦點元素上。一般情況下圖片都是透明的，只有邊框是非透明的。參見圖1a-1c。其中，圖1a為應用的首頁，可以包括多個子欄目選擇項。應用初始打開時一般會將焦點定位在左上角，如圖1b所示，“欄目一”即為焦點。當用戶按下向右方向鍵時，應用修改焦點圖片的位置，將其顯示到“欄目二”上，如圖1c所示。

為了更好的顯示效果，應用頁面上的焦點元素所占區域大小不同。現有技術采用一張焦點圖片進行顯示時，會根據焦點元素所占目標區域的大小對焦點圖片進行縮放。而由于目標區域的不同，同一焦點圖片在不同縮放情況下所呈現的焦點框的粗細不同。如圖2a所示。圖2a中示例了原始焦點圖片A在不同縮放比例下得到的兩幅焦點圖片A1和A2。由圖可知，原始焦點圖片A縮寫后得到的焦點圖片A1的焦點框比較細；原始焦點圖片A放大后得到的焦點圖片A2的焦點框比較粗。進一步參見圖2b，圖2b示例了原始焦點圖片A在不同寬高比縮放下得到的兩幅焦點圖片A3和A4。顯然，由于寬度方向和高度方向縮放比例不同，導致兩個方向上的焦點框的粗細不同。

由上可知，現有的焦點圖片顯示方式在對預置焦點圖片進行不同比例縮放時，得到的焦點圖片的焦點框粗細不同，影響用戶視覺體驗。

發明內容

有鑒于此，本申請提供了一種焦點圖片顯示方法及裝置，用于解決現有焦點圖片顯示方法所存在的，針對不同大小的焦點區域所顯示的焦點圖片的焦點框粗細不均的問題。

為了實現上述目的，現提出的方案如下：

一種焦點圖片顯示方法，包括：

響應對目標焦點區域的圖片顯示指令，獲取預置的焦點圖片；

確定所述焦點圖片的中心矩形區域，所述中心矩形區域完全透明；

根據所述中心矩形區域，確定所述焦點圖片的四個角區域、上下兩側區域和左右兩側區域，其中，中心矩形區域的寬度與上下兩側區域的寬度相同，中心矩形區域的高度與左右兩側區域的高度相同，上下兩側區域的高度與四個角區域的高度相同，左右兩側區域的寬度與四個角區域的寬度相同；

確定所述上下兩側區域的最小重復單元為1像素點寬、X像素點高的區域，X為上下兩側區域的高度；

確定所述左右兩側區域的最小重復單元為Y像素點寬、1像素點高的區域，Y為左右兩側區域的寬度；