[发明专利]一种焦点图片显示方法及装置

说明书

本申请公开了一种焦点图标显示方法及装置，响应目标焦点区域的图片显示指令，获取预置的焦点图片；确定焦点图片的完全透明的中心矩形区域；确定焦点图片的四个角区域、上下两侧区域和左右两侧区域；确定上下两侧区域和左右两侧区域的最小重复单元，分别为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为左右两侧区域的宽度；