[发明专利]一种具有凸镜效果的图像容器控件实现方法和装置

说明书

技术领域

本发明涉及移动互联网的移动设备应用开发领域，尤其涉及一种具 有凸镜效果的图像容器控件实现方法和装置。

背景技术

随着移动互联网的崛起，面向移动互联网的大屏幕的移动设备应用 越来越广泛。大屏幕的移动设备的设备特点是：屏幕一般大于4英寸小 于6英寸，CPU计算能力比较强，用户界面主要面向手指操作，触摸 屏上手指滑动的操作效果为影响用户体验的主要因素。

针对大屏幕移动设备上常用的功能：联系人选择、播放歌曲选择、 浏览图片等场景，提供一种手指操作模式的具有凸镜效果的图像容器控 件。此控件显示为横向屏幕或者竖向屏幕，能够放置一系列的同样大小 的图像子控件，容器控件营造一种显示窗口中心放置一块凸镜的效果， 通过手指滑动能够进行子控件的选择，子控件随着手指的方向滑向屏幕 中心，会逐步增大，当远离屏幕中心则逐步缩小。其效果如图1所示。

这种具有凸镜效果的图像容器控件在PC机上通常的实现方法是：

第一种常用的实现方式为使用3D技术实现平面图像在三维空间的 平移及前后运动。这其中涉及的计算由图形显示卡硬件实现，或者由模 拟图形显示卡硬件软件实现，是一种通用的技术。其关注的是普通3D 切面的变换，并不针对头像图片进行特定的缩放。PC机器上的3D图 像技术通常为B-REP模型的3D图像引擎，B-REP使用多边形造型系 统，屏幕每个对象都只是一组平面，这组平面记录了该物体的表面，这 些平面划分越小画出的物体越逼真。其优点是可以快速呈现各种平面图 像的3D效果。缺点是需要专门的3D图像引擎，对CPU、内存、显卡 设备及驱动性能消耗大，在移动设备上容易出现性能瓶颈。

第二种实现的方式为直接通过平面图像的缩放和平移的复合的仿射 变换来实现具有凸镜效果的图像容器控件，缩放和平移表现在仿射变换 的矩阵中。其优点是通过缩放、倾斜、旋转、平移等图像的复合变换可 以表达为对图像中每个点向量坐标(x，y，1)与3×3的仿射变换矩阵 乘积。仿射变换矩阵可以通过原始的功能矩阵通过矩阵乘法运算得到， 实现简单。缺点是：1、由于具有凸镜效果的图像容器控件需要对每个 子图像进行连续的图像变换，对图像每个点的向量坐标(x，y，1)进 行连续的浮点运算，将导致每个点向量坐标的浮点运算精度丢失。2、 屏幕上的位图的点，通过仿射变换先缩小再放大，将导致图像数据的精 度丢失。3、手指滑动的时候，每30～50ms，对每个图像子控件的每个 点坐标都进行浮点运算，运算量大，资源消耗高。

发明内容

本发明要解决的技术问题是在有限的CPU及内存资源情况下，提 供一种具有凸镜效果的图像容器控件实现方法和装置，以轻量资源消耗 的方式实现凸镜效果的图像容器控件。

根据本发明一方面，提出一种具有凸镜效果的图像容器控件实现方 法，包括以下步骤：以主窗口左上角为主窗口的坐标原点，每单位时间 间隔采集在触摸屏上手指滑动产生的x坐标方向的偏移量Δx；根据该偏 移量计算出显示窗口的坐标原点的X坐标Xw(k)，根据显示窗口中心点 X坐标X_C与子控件中心点X坐标X(i)计算缩放系数；将缩放系数乘以 子控件的正常宽度得到新图像宽度W(i)，将缩放系数乘以子控件的正常 高度得到新图像高度H(i)；根据子控件中心点X坐标X(i)、新图像宽度 W(i)以及显示窗口的坐标原点的X坐标Xw(k)计算新图像的左上角X坐 标；根据子控件中心点Y坐标H以及新图像高度H(i)计算新图像的左 上角Y坐标；根据新图像宽度、新图像高度、新图像的左上角X坐标 及新图像的左上角Y坐标绘制图像。

进一步，根据显示窗口中心点X坐标X_C与子控件中心点X坐标 X(i)计算缩放系数的操作，包括以下步骤：计算显示窗口中心点X坐 标，Xc＝Xw(k)+W_s/2.0其中，Ws为显示窗口的宽度；计算子控件 中心点X坐标X(i)＝C+i×D，其中，C为第一个子控件中心点X坐 标，D为相邻子控件的X坐标间距，C与D均为常量；根据 L(i)＝|X(i)-Xc|计算子控件的缩放系数F(i)，在L(i)＞L_max时F(i)＝R，在 L(i)≤L_max时，F(i)＝1-(1-R)×L(i)/L_max，其中，R为子控件正常大小比例常 数，0＜R≤1，L_max是以Xc为中心焦点的凸镜放大半径。