[发明专利]一种实现3D UI中圆角图标焦点套合方法及系统

说明书

本发明公开一种实现3D UI中圆角图标焦点套合方法及系统，方法包括步骤：A、预先建立圆角矩形焦点模型，以模型中心为原点建立平面直角坐标系，将位于平面直角坐标系各象限的模型区域分别对应映射预设的1/4的焦点图片形成1/4的焦点图；B、将所映射的1/4的焦点图在保持圆角不变的情况下分别套合至需要获得焦点的圆角图标的对应位置上，并对所映射的1/4的焦点图之间的区域进行插值实现圆角图标焦点套合效果。本发明实现圆角图标焦点套合系统基于纹理映射的方案，能够实现精准套合不同宽高比的圆角矩形，同时动态控制焦点边框宽度以及显示范围。解决了由于3D UI中图标进行任意比例的拉伸时，焦点不能与其匹配套合的问题。

技术领域

本发明涉及计算机软件技术领域，尤其涉及一种实现3D UI中圆角图标焦点套合方法及系统。

背景技术

在3D UI中有时需要显示不同宽高比的圆角矩形图标（例如图标由于被拉伸，宽高比可能是1：1也可能是2：1或3：1等等），如图1和图2均为圆角矩形图标，其中图1的宽高比为3：1，图2的宽高比为1：1。圆角矩形图标包括图标和套合在图标上的边框，其边框称为焦点（更直观地，如图3所示的方格边框为焦点），焦点通常包括矩形部分和圆角部分。若对图标进行拉伸，焦点也需进行拉伸以与图标套合，但是对焦点进行拉伸的结果往往是矩形部分仍能套合在图标上，而圆角部分却很可能发生扭曲而无法套合在图标上，从整体而言，也即焦点无法套合在图标上。因此，在3D UI中应用圆角矩形图标时，焦点如何恰如其分的套合在图标上，是一个面临的问题。

在基于Android系统的2D UI处理中，若需要对图标进行拉伸，可以通过点9的图(andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png)进行拉伸，以保证焦点的矩形部分和圆角部分均与图标的拉伸保持一致性，而3D UI中图标都是通过图片转换为纹理，纹理再渲染到屏幕上实现的，故不能采用点9的2D方案实现。

现有技术解决3D UI中图标拉伸时焦点的套合问题通常是：预先制作许多不同宽高比的焦点来根据图标的宽高比进行匹配套合。这样当图标进行拉伸时，虽然其宽高比也会发现变化，但可以根据变化后的宽高比选择合适的焦点进行匹配套合。但这种方案仍然存在较大缺点：首先是需要预先制作大量的焦点；其次是制作了大量的焦点还不一定能满足图标以任意比例拉伸的需求，也即不能保证图标以任意比例进行拉伸时一定能找到与其匹配的焦点；因此这种方案同样存在焦点与图标无法匹配套合的问题。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种实现3D UI中圆角图标焦点套合方法及系统，旨在解决目前3D UI中图标进行任意比例的拉伸时，焦点不能与其匹配套合的问题。

本发明的技术方案如下：

一种实现3D UI中圆角图标焦点套合方法，其中，所述方法包括以下步骤：

A、预先建立圆角矩形焦点模型，以模型中心为原点，以模型圆角对应分布于各象限区域中为原则建立平面直角坐标系，将位于平面直角坐标系各象限的模型区域分别对应映射预设的1/4的焦点图片形成1/4的焦点图；

B、将所映射的1/4的焦点图在保持圆角不变的情况下分别套合至需要获得焦点的圆角图标的对应位置上，并对所映射的1/4的焦点图之间的区域进行插值，实现3D UI中圆角图标焦点套合效果。

所述的实现3D UI中圆角图标焦点套合方法，其中，所述圆角矩形焦点模型是以平面直角坐标系的x轴和y轴作为对称轴的轴对称图形。

所述的实现3D UI中圆角图标焦点套合方法，其中，所述步骤B具体为：

B1、接收用户图标选择指令，计算需要获得焦点的圆角图标的渲染区域尺寸；

B2、根据所计算出的圆角图标的渲染区域尺寸设置1/4的焦点图对应的纹理的放缩比例；