一种焦点图片显示方法及装置制造方法及图纸

本申请公开了一种焦点图标显示方法及装置，响应目标焦点区域的图片显示指令，获取预置的焦点图片；确定焦点图片的完全透明的中心矩形区域；确定焦点图片的四个角区域、上下两侧区域和左右两侧区域；确定上下两侧区域和左右两侧区域的最小重复单元，分别为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为左右两侧区域的宽度；利用所述中心矩形区域、所述四个角区域、所述上下两侧区域的最小重复单元以及所述左右两侧区域的最小重复单元，绘制目标焦点图片，目标焦点图片和目标焦点区域的宽度和高度均一致，其中，所述四个角区域以及所述中心矩形区域原样显示，所述上下两侧区域的最小重复单元沿水平方向平铺显示，所述左右两侧区域的最小重复单元沿垂直方向平铺显示；将绘制的目标焦点图片显示在所述目标焦点区域上。优选地，所述确定所述焦点图片的中心矩形区域，包括：查看所述焦点图片的中心点的透明度；若中心点完全透明，则从所述中心点沿水平方向，向左和向右扫描连续的完全透明的像素点，直至扫描到首个不完全透明的像素点，得到中心矩形区域的宽度；从所述中心点沿垂直方向，向上和向下扫描连续的完全透明的像素点，直至扫描到首个不完全透明的像素点，得到中心矩形区域的高度。优选地，所述根据所述中心矩形区域，确定所述焦点图片的四个角区域、上下两侧区域和左右两侧区域，包括：将所述中心矩形区域的四个边分别延长，直至延长至所述焦点图片的焦点框为止，得到所述焦点图片的四个角区域、上下两侧区域和左右两侧区域。一种焦点图片显示装置，包括：指令响应单元，用于响应对目标焦点区域的图片显示指令，获取预置的焦点图片；第一区域确定单元，用于确定所述焦点图片的中心矩形区域，所述中心矩形区域完全透明；第二区域确定单元，用于根据所述中心矩形区域，确定所述焦点图片的四个角区域、上下两侧区域和左右两侧区域，其中，中心矩形区域的宽度与上下两侧区域的宽度相同，中心矩形区域的高度与左右两侧区域的高度相同，上下两侧区域的高度与四个角区域的高度相同，左右两侧区域的宽度与四个角区域的宽度相同；第一最小重复单元确定单元，用于确定所述上下两侧区域的最小重复单元为1像素点宽、X像素点高的区域，X为上下两侧区域的高度；第二最小重复单元确定单元，用于确定所述左右两侧区域的最小重复单元为Y像素点宽、1像素点高的区域，Y为左右两侧区域的宽度；目标图片绘制单元，用于利用所述中心矩形区域、所述四个角区域、所述上下两侧区域的最小重复单元以及所述左右两侧区域的最小重复单元，绘制目标焦点图片，目标焦点图片和目标焦点区域的宽度和高度均一致，其中，所述四个角区域以及所述中心矩形区域原样显示，所述上下两侧区域的最小重复单元沿水平方向平铺显示，所述左右两侧区域的最小重复单元沿垂直方向平铺显示；图片显示单元，用于将绘制的目标焦点图片显示在所述目标焦点区域上。优选地，所述第一区域确定单元包括：中心点透明度查看单元，用于查看所述焦点图片的中心点的透明度；扫描单元，用于在确定中心点完全透明时，从所述中心点沿水平方向，向左和向右扫描连续的完全透明的像素点，直至扫描到首个不完全透明的像素点，得到中心矩形区域的宽度；从所述中心点沿垂直方向，向上和向下扫描连续的完全透明的像素点，直至扫描到首个不完全透明的像素点，得到中心矩形区域的高度。优选地，所述第二区域确定单元包括：边线延长处理单元，用于将所述中心矩形区域的四个边分别延长，直至延长至所述焦点图片的焦点框为止，得到所述焦点图片的四个角区域、上下两侧区域和左右两侧区域。从上述的技术方案可以看出，本申请实施例提供的焦点图片显示方法，响应目标焦点区域的图片显示指令，获取预置的焦点图片，确定焦点图片的中心矩形区域，该区域完全透明，进而据此确定焦点图片的四个角区域、上下两侧区域和左右两侧区域，并确定上下两侧区域的最小重复单元为1像素点宽、X像素点高的区域，X为上下两侧区域的高度，确本文档来自技高网...

【技术保护点】
一种焦点图片显示方法，其特征在于，包括：响应对目标焦点区域的图片显示指令，获取预置的焦点图片；确定所述焦点图片的中心矩形区域，所述中心矩形区域完全透明；根据所述中心矩形区域，确定所述焦点图片的四个角区域、上下两侧区域和左右两侧区域，其中，中心矩形区域的宽度与上下两侧区域的宽度相同，中心矩形区域的高度与左右两侧区域的高度相同，上下两侧区域的高度与四个角区域的高度相同，左右两侧区域的宽度与四个角区域的宽度相同；确定所述上下两侧区域的最小重复单元为1像素点宽、X像素点高的区域，X为上下两侧区域的高度；确定所述左右两侧区域的最小重复单元为Y像素点宽、1像素点高的区域，Y为左右两侧区域的宽度；利用所述中心矩形区域、所述四个角区域、所述上下两侧区域的最小重复单元以及所述左右两侧区域的最小重复单元，绘制目标焦点图片，目标焦点图片和目标焦点区域的宽度和高度均一致，其中，所述四个角区域以及所述中心矩形区域原样显示，所述上下两侧区域的最小重复单元沿水平方向平铺显示，所述左右两侧区域的最小重复单元沿垂直方向平铺显示；将绘制的目标焦点图片显示在所述目标焦点区域上。

【技术特征摘要】
1.一种焦点图片显示方法，其特征在于，包括：
响应对目标焦点区域的图片显示指令，获取预置的焦点图片；
确定所述焦点图片的中心矩形区域，所述中心矩形区域完全透明；
根据所述中心矩形区域，确定所述焦点图片的四个角区域、上下两侧区
域和左右两侧区域，其中，中心矩形区域的宽度与上下两侧区域的宽度相同，
中心矩形区域的高度与左右两侧区域的高度相同，上下两侧区域的高度与四
个角区域的高度相同，左右两侧区域的宽度与四个角区域的宽度相同；
确定所述上下两侧区域的最小重复单元为1像素点宽、X像素点高的区
域，X为上下两侧区域的高度；
确定所述左右两侧区域的最小重复单元为Y像素点宽、1像素点高的区
域，Y为左右两侧区域的宽度；
利用所述中心矩形区域、所述四个角区域、所述上下两侧区域的最小重
复单元以及所述左右两侧区域的最小重复单元，绘制目标焦点图片，目标焦
点图片和目标焦点区域的宽度和高度均一致，其中，所述四个角区域以及所
述中心矩形区域原样显示，所述上下两侧区域的最小重复单元沿水平方向平
铺显示，所述左右两侧区域的最小重复单元沿垂直方向平铺显示；
将绘制的目标焦点图片显示在所述目标焦点区域上。
2.根据权利要求1所述的方法，其特征在于，所述确定所述焦点图片的
中心矩形区域，包括：
查看所述焦点图片的中心点的透明度；
若中心点完全透明，则从所述中心点沿水平方向，向左和向右扫描连续
的完全透明的像素点，直至扫描到首个不完全透明的像素点，得到中心矩形
区域的宽度；从所述中心点沿垂直方向，向上和向下扫描连续的完全透明的
像素点，直至扫描到首个不完全透明的像素点，得到中心矩形区域的高度。
3.根据权利要求1所述的方法，其特征在于，所述根据所述中心矩形区
域，确定所述焦点图片的四个角区域、上下两侧区域和左右两侧区域，包括：
将所述中心矩形区域的四个边分别延长，直至延长至所述焦点图片的焦
点框为止，得到所述焦点图片的四个角区域、上下两侧区域和左右两侧区域。
4.一种焦点图片显示装置，其特征在于，包括：
指令响应单元，用于响应对目标焦点区域的图片显示...

【专利技术属性】
技术研发人员：徐佳宏，朱吕亮，
申请(专利权)人：深圳市茁壮网络股份有限公司，
类型：发明
国别省市：广东;44