本发明专利技术公开了一种显示视图控件动态效果的方法及装置，涉及互联网技术领域，为解决图像窗口欠缺交互功能的问题而发明专利技术。本发明专利技术的方法包括：检测终端相对终端本体上预设坐标轴的旋转角度；根据旋转角度确定图像窗口中视图控件的位移方向和位移长度，所述图像窗口为终端提供的可视化部件；按照位移方向及位移长度，显示视图控件在图像窗口中移动的动态效果。本发明专利技术主要应用于便携式电子设备中。
【技术实现步骤摘要】
本专利技术涉及互联网
，尤其涉及一种显示视图控件动态效果的方法及装置。
技术介绍
浏览器页面中常常嵌有图像窗口，用于显示静态或动态的视图控件(Image View)。此外，一些系统原生或第三方开发的应用程序中也会内嵌这种图像窗口，较为常见的包括操作系统的桌面背景，或者天气类应用中显示阴晴雨雪图标的窗口等。当图像窗口用以显示动态视图控件时，视图控件的动态效果往往是程序预先设置好的，例如雨点从上飘落至下，或者信息标签按照预定轨迹进行循环位移等。这种动态效果样式呆板，无法对用户操作进行响应，不具有交互性能。
技术实现思路
本专利技术提供一种显示视图控件动态效果的方法及装置，能够解决图像窗口欠缺交互功能的问题。为解决上述问题，第一方面，本专利技术提供了一种显示视图控件动态效果的方法，包括：检测终端相对终端本体上预设坐标轴的旋转角度；根据所述旋转角度确定图像窗口中视图控件的位移方向和位移长度，所述图像窗口为终端提供的可视化部件；按照所述位移方向及所述位移长度，显示所述视图控件在所述图像窗口中移动的动态效果。第二方面，本专利技术还提供了一种显示视图控件动态效果的装置，包括：检测单元，用于检测终端相对终端本体上预设坐标轴的旋转角度；确定单元，用于根据所述旋转角度确定图像窗口中视图控件的位移方向和位移长度，所述图像窗口为终端提供的可视化部件；显示单元，用于按照所述位移方向及所述位移长度，显示所述视图控件在所述图像窗口中移动的动态效果。第三方面，本专利技术还提供了一种显示视图控件动态效果的装置，包括：方向传感器，被配置为检测终端相对终端本体上预设坐标轴的旋转角度；处理器，被配置为根据所述旋转角度确定图像窗口中视图控件的位移方向和位移长度，所述图像窗口为终端提供的可视化部件；显示器，被配置为按照所述位移方向及所述位移长度，显示所述视图控件在所述图像窗口中移动的动态效果；存储器，被配置为存储所述处理器的可执行指令；总线，被配置为耦接所述方向传感器、所述处理器、所述显示器及所述存储器。本专利技术提供的显示视图控件动态效果的方法及装置，能够通过检测终端相对预设坐标轴的旋转角度捕捉到终端在三维空间中的姿态变化，根据该姿态变化确定出图像窗口中视图控件的位移方向和位移长度，并据此显示视图控件在图像窗口中移动的动态效果。与现有技术中按照预定程序展示动态效果相比，本专利技术能够基于终端握持方式的变化调整图像窗口中动画元素的动态效果，从而实现具有人机交互功能的图像展示方式。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了本专利技术实施例提供的一种显示视图控件动态效果的方法流程图；图2示出了本专利技术实施例中终端X轴、Y轴、Z轴的示意图；图3a示出了本专利技术实施例中终端围绕X轴旋转的示意图；图3b示出了本专利技术实施例中终端围绕Y轴旋转的示意图；图3c示出了本专利技术实施例中终端围绕Z轴旋转的示意图；图4示出了本专利技术实施例中位移方向所在延长线与Y轴之间存在夹角的示意图；图5a和图5b分别示出了本专利技术实施例中旋转角度与位移方向关系的示意图；图6a和图6b分别示出了本专利技术实施例中包含视图控件的图像窗口的示意图；图7示出了本专利技术实施例提供的另一种显示视图控件动态效果的方法流程图；图8示出了本专利技术实施例提供的映射表的示意图；图9a和图9b分别示出了本专利技术实施例中位移长度与旋转角度数值之间关系的示意图；图10示出了本专利技术实施例中另一种位移长度与旋转角度数值之间关系的示意图；图11a和图11b分别示出了本专利技术实施例中终端围绕Y轴旋转的动态效果的示意图；图12a和图12b分别示出了本专利技术实施例中终端围绕X轴旋转的动态效果的示意图；图13a和图13b分别示出了本专利技术实施例中终端围绕Z轴旋转的动态效果的示意图；图14a和图14b示出了本专利技术实施例中终端围绕X轴及Y轴旋转的动态效果的示意图；图15a和图15b示出了本专利技术实施例中终端围绕X轴及Z轴旋转的动态效果的示意图；图16示出了本专利技术实施例提供的一种显示视图控件动态效果的装置的组成框图；图17示出了本专利技术实施例提供的另一种显示视图控件动态效果的装置的组成框图；图18示出了本专利技术实施例提供的又一种显示视图控件动态效果的装置的组成框图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。为解决现有技术中图像窗口的显示方式欠缺交互功能的问题，本专利技术实施例提供一种显示视图控件动态效果的方法。该方法应用于终端侧，所述终端包括但不限于是：手机、平板电脑、可穿戴式设备。实际应用中，一切具有角度检测功能以及图像输出功能的便携式设备均可实现本专利技术实施例提供的方法。如图1所示，该方法包括：101、检测终端相对终端本体上预设坐标轴的旋转角度。终端通过其自带的检测部件获取旋转角度参数，该部件可以内置于终端中，也可以集成在终端外壳上。实际应用中，该检测部件具体可以是方向传感器。所述预设坐标轴是以终端终端本体为参照系设置的，如图2所示，与手机宽边平行的为X轴、与手机长边平行的为Y轴、垂直于手机屏幕所在平面的为Z轴。如图3a所示，如果将手机屏幕朝上放置在水平桌面上，将手机顶部逐渐抬起，或者将手机底部逐渐抬起，那么手机将围绕X轴转动，方向传感器检测到手机相对X轴的旋转角度。实际应用中，手机围绕X轴旋转的角度变化范围为[-180°,+180°]。具体的，当手机屏幕朝上放置在水平桌面上时，X轴的旋转角度为0°，当将手机顶部逐渐抬起直至手机屏幕朝下放置在水平桌面上时，手机向后翻转了180°，此时X轴的旋转角度为-180°；与此相反，当将手机底部逐渐抬起直至手机屏幕朝下放置在水平桌面上时，手机向前翻转了180°，此时X轴的旋转角度为+180°。如图3b所示，如果将手机屏幕朝上放置在水平桌面上，将手机左侧逐渐抬起，或者将手机右侧逐渐抬起，那么手机将围绕Y轴转动，方向传感器检测到手机相对Y轴的旋转角度。实际应用中，手机围绕Y轴旋转的角度变化范围为[-90°,+90°]。具体的，当手机屏幕朝上放置在水平桌面上时，Y轴的旋转角度为0°，当将手机左侧逐渐抬起直至手机垂直于水平桌面时，手机向右翻转了90°，此时Y轴的旋转角度为-90°；与此相反，当将手机右侧逐渐抬起直至手机垂直于水平桌面时，手机向左翻转了180°，此时Y轴的旋转角度为+90°。如图3c所示，如果将手机屏幕朝上放置在水平桌面上，使手机在水平平面上做顺时针或逆时针旋转时，手机将围绕Z轴转动，方向传感器检测到手机相对Z轴的旋转角度。实际应用中，手机围绕Z轴旋转的角度变化范围为[0°,360°)。具体的，当手机屏幕朝上放置在水平桌面上时，手机顶本文档来自技高网...
【技术保护点】
一种显示视图控件动态效果的方法，其特征在于，所述方法包括：检测终端相对终端本体上预设坐标轴的旋转角度；根据所述旋转角度确定图像窗口中视图控件的位移方向和位移长度，所述图像窗口为终端提供的可视化部件；按照所述位移方向及所述位移长度，显示所述视图控件在所述图像窗口中移动的动态效果。
【技术特征摘要】
1.一种显示视图控件动态效果的方法，其特征在于，所述方法包括：检测终端相对终端本体上预设坐标轴的旋转角度；根据所述旋转角度确定图像窗口中视图控件的位移方向和位移长度，所述图像窗口为终端提供的可视化部件；按照所述位移方向及所述位移长度，显示所述视图控件在所述图像窗口中移动的动态效果。2.根据权利要求1所述的方法，其特征在于，所述位移方向与所述预设坐标轴垂直；所述根据所述旋转角度确定图像窗口中视图控件的位移方向，包括：根据所述旋转角度的正负，确定所述视图控件的位移方向。3.根据权利要求1所述的方法，其特征在于，所述根据所述旋转角度确定图像窗口中视图控件的位移长度，包括：确定与所述旋转角度对应的位移长度衰减量；将前一旋转角度对应的位移长度与所述位移长度衰减量相减，获得当前旋转角度对应的位移长度。4.根据权利要求3所述的方法，其特征在于，所述根据所述旋转角度确定图像窗口中视图控件的位移长度，包括：当首次产生角度变化时，将预设的初始位移长度确定为所述位移长度。5.根据权利要求3所述的方法，其特征在于，所述确定与所述旋转角度对应的位移长度衰减量，包括：按照下述公式计算所述位移长度衰减量： Y = 2 ( T A - X ) T ( T - 1 ) ]]>Y为位移长度衰减量、T为旋转角度、A为初始位移长度、X为最大位移长度，其中，A小于X，Y小于A。6.根据权利要求1所述的方法，其特征在于，所述根据所述旋转角度确定图像窗口中视图控件的位移长度，包括：在预设的映射表中查找与所述旋转角度对应的位移长度。7.根据权利要求6所述的方法，其特征在于，所述旋转角度的数值与所述位移长度之间呈线性映射关系。8.根据权利要求1所述的方法，其特征在于，所述根据所述旋转角度确...
【专利技术属性】
技术研发人员：黄金东，王兴光，
申请(专利权)人：广州神马移动信息科技有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。