[发明专利]一种可视化控件的优化方法及装置

说明书

技术领域

本发明涉及互联网领域，特别涉及一种可视化控件的优化方法及装置。

背景技术

在手持设备操作系统ios上开发的动画实现机制iosCoreAnimation，包括以下多种实现方式：多个动画同时执行类CAAnimationGroup、抽象类CAPropertyAnimation、实现单一动画类CABasicAnimation以及关键帧动画类CAKeyframeAnimation。

现有技术中，关键帧动画类CAKeyframeAnimation是用来在屏幕上显示内容展示的矩形区域，但是，随着对视觉要求的提高，用户不再希望可视化控件的显示区域仅仅表现为方方正正的矩形，很多时候需要通过多变的显示区域来增加用户体验，针对关键帧动画类，现有技术中并没有公开优化可视化控件的方法。

发明内容

本发明提供一种可视化控件的优化方法及装置，用以对可视化控件的显示区域进行变换，增强用户体验。

本发明提供一种可视化控件的优化方法，该方法包括：

接收到生成可视化控件的请求；

利用关键帧动画类生成所述矩形可视化控件；

将所述矩形可视化控件变换为不规则形状的目标可视化控件，所述不规则形状的目标可视化控件由两条单调曲线和与所述矩形可视化控件的上下两条边重合的两条直线围成；

显示所述不规则形状的目标可视化控件。

优选的，所述将所述矩形可视化控件变换为不规则形状的目标可视化控件包括：

设定预定份数值；

将所述矩形可视化控件沿其任意一条边的方向分为预定份数，形成所述预定份数个小矩形；相应的，将所述不规则形状的目标可视化控件沿同样的方向分为预定份数，形成所述预定份数个小梯形；所述预定份数个小矩形与所述预定份数个小梯形一一对应；

计算每个小矩形变换成相应小梯形的三维变换矩阵，得到预定份数个三维变换矩阵；

将所述预定份数个三维变换矩阵挂载到所述关键帧动画类中，由所述关键帧动画类根据所述预定份数个三维变换矩阵完成所述矩形可视化控件到所述不规则形状的目标可视化控件的变换。

优选的，所述将所述矩形可视化控件沿其任意一条边的方向分为预定份数，形成所述预定份数个小矩形包括：

所述矩形可视化控件的一边与直角坐标系的y轴平行，将所述矩形可视化控件沿y轴方向分为预定份数，形成预定份数个小矩形；

相应的，将所述不规则形状的目标可视化控件沿y轴方向分为预定份数，形成预定份数个小梯形。

优选的，所述计算每个小矩形变换成相应小梯形的三维变换矩阵前进一步包括：记录每个小矩形的各顶点坐标，并计算每个小梯形的各顶点坐标；相应的，所述计算每个小矩形变换成相应小梯形的三维变换矩阵包括：

平移所述小矩形，使得所述小梯形下底的一顶点与该小矩形的对应顶点对齐，并计算平移矩阵；以所述小梯形下底长为所述平移后的小矩形的长，以所述小梯形的高为所述平移后的小矩形的宽，将所述平移后的小矩形进行伸缩，并计算伸缩矩阵；根据所述小梯形的形状，将所述伸缩后的小矩形进行错切，得到与所述小梯形的形状一致的目标小梯形，并计算错切矩阵；

将目标小梯形进行投影变换，并计算其投影矩阵；将所述平移矩阵、伸缩矩阵、错切矩阵以及投影矩阵相乘，得到所述小矩形变换成相应小梯形的三维变换矩阵。

优选的，所述计算每个小梯形的各顶点坐标为：利用牛顿迭代法计算每个小梯形的各顶点坐标。

优选的，所述平移所述小矩形，使得所述小梯形下底的一顶点与该小矩形的对应顶点对齐，并计算平移矩阵包括：所述小梯形下底的一顶点p1坐标为（x_p1,y₁），对应所述小矩形的一顶点A坐标为（x_a,y_a）；平移所述小矩形，使所述顶点p1与所述顶点A对齐；计算所述平移矩阵T1为：

优选的，所述以所述小梯形下底长为所述平移后的小矩形的长，以所述小梯形的高为所述平移后的小矩形的宽，将所述平移后的小矩形进行伸缩，并计算伸缩矩阵包括：

对于所述小梯形，与所述顶点p1在同一单调曲线上的上底顶点p2坐标为(x_p2,y₂)，下底的另一顶点q1坐标为(x_b,y_b)；