图形界面的交互方法及装置制造方法及图纸

本发明专利技术公开了一种图形界面的交互方法及装置。其中，该方法包括：获取预先设置的第一图形元素和第二图形元素；利用第一图形元素中的预定区域和第二图形元素，对显示界面进行填充；获取触发信号；根据触发信号，将第一图形元素自预定区域向预定方向移动第一距离；根据触发信号，将第二图形元素向预定方向移动第二距离。本发明专利技术解决了现有技术中因使用利用动画软件制作的动态交互界面，导致的动态交互界面开发繁琐、通用性低的问题。

【技术实现步骤摘要】

本专利技术涉及互联网领域，具体而言，涉及一种图形界面的交互方法及装置。
技术介绍
近年来，随着移动互联网的发展，生活、学习、工作等都可以在网页上实现。而基于传统的按钮、图片组成的用户界面，已经无法满足需要了。在功能日益同质化的今天，在做好应用功能本身的同时，其界面能否给用户带来新鲜感，也成为了越发的重要。在现有技术中，利用动画软件(例如Adobe Flash)制作的动态交互界面，因其绚丽的效果，以及良好的交互性能而深受用户欢迎。但是利用动画软件制作出的动态交互界面，其制作和修改的过程十分繁琐。并且，在运行动态交互界面时，需要调用特定的播放插件，通用性就受到了系统中是否安装相应的播放插件的限制。同时，利用动画软件制作出的动态交互界面还存在系统资源占用高等问题。上述问题，无论是开发人员的开发，还是终端用户的使用体验，都受到很大的影响。针对现有技术中因使用利用动画软件制作的动态交互界面，导致的动态交互界面开发繁琐、通用性低的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术的主要目的在于提供一种图形界面的交互方法及装置，以解决现有技术中因使用利用动画软件制作的动态交互界面，导致的动态交互界面开发繁琐、通用性低的问题。为了实现上述目的，根据本专利技术实施例的一个方面，提供了一种图形界面的交互方法。该方法包括:获取预先设置的第一图形元素和第二图形元素；利用第一图形元素中的预定区域和第二图形元素，对显示界面进行填充；获取触发信号；根据触发信号，将第一图形元素自预定区域向预定方向移动第一距离；根据触发信号，将第二图形元素向预定方向移动第二距离。进一步的，在获取预先设置的第一图形元素和第二图形元素之后，方法还包括:获取显示界面的界面分辨率和/或预先设置的切换次数，其中，切换次数为对显示界面内填充内容进行切换的次数；根据界面分辨率和/或切换次数，确定第一距离和第二距离。进一步的，当单独获取界面分辨率时，根据界面分辨率和/或切换次数，确定第一距离和第二距离包括:根据界面分辨率和第一图形元素的第一图像分辨率，对第一图形元素进行切分，确定切换次数；根据切换次数和第一图像分辨率，确定第一距离；根据切换次数和第二图形元素的第二图像分辨率，确定第二距离。进一步的，当单独获取切换次数时，根据界面分辨率和/或切换次数，确定第一距离和第二距离包括:根据切换次数和第一图形元素的第一图像分辨率，确定第一距离；根据切换次数和第二图形元素的第二图像分辨率，确定第二距离。进一步的，当同时获取界面分辨率和切换次数时，根据界面分辨率和/或切换次数，确定第一距离和第二距离包括:根据界面分辨率和切换次数，对第一图形元素进行缩放得到第一图形元素的第三图像分辨率；根据切换次数和第三图像分辨率，确定第一距离；根据切换次数和第二图形元素的第二图像分辨率，确定第二距离。进一步的，在获取触发信号之后，方法还包括:获取文字信息；根据触发信号和文字信息，切换在显示界面中显示的文字内容。进一步的，根据触发信号和文字信息，切换在显示界面中显示的文字内容包括:根据文字信息和切换次数，确定与切换次数数量匹配的文字字段；根据所触发信号，依次切换显示界面中用于显示的文字字段。进一步的，依次切换显示界面中用于显示的文字字段包括:根据触发信号，获取第一图形元素在切换的过程中实时的实际移动距离；根据实际移动距离和第一距离，计算得出实际移动距离和第一距离的切换比值；根据切换比值，调整文字字段的透明度属性。为了实现上述目的，根据本专利技术实施例的另一方面，提供了一种图形界面的交互装置，该装置包括:第一获取模块，用于获取预先设置的第一图形元素和第二图形元素；填充模块，用于利用第一图形元素中的预定区域和第二图形元素，对显示界面进行填充；第二获取模块，用于获取触发信号；第一处理模块，用于根据触发信号，将第一图形元素自预定区域向预定方向移动第一距离；第二处理模块，用于根据触发信号，将第二图形元素向预定方向移动第二距离。进一步的，装置还包括:第三获取模块，用于获取文字信息；第三处理模块，用于根据触发信号和文字信息，切换在显示界面中显示的文字内容。根据专利技术实施例，通过获取预先设置的第一图形元素和第二图形元素；利用第一图形元素中的预定区域和第二图形元素，对显示界面进行填充；获取触发信号；根据触发信号，将第一图形元素自预定区域向预定方向移动第一距离；根据触发信号，将第二图形元素向预定方向移动第二距离，解决了现有技术中因使用利用动画软件制作的动态交互界面，导致的动态交互界面开发繁琐、通用性低的问题。达到了开发人员在不使用第三方动画软件的情况下，就可以简单快捷的开发动态交互界面的目的。通过上述实施例，可以通过两个叠加的图形元素的移动，实现动态交互的视觉效果。【附图说明】构成本申请的一部分的附图用来提供对本专利技术的进一步理解，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中:图1是根据本专利技术实施例一的一种图形界面的交互方法的流程图；图2是根据本专利技术实施例一可选的一种图形界面的交互方法的流程图；图3是根据本专利技术实施例一可选的一种图形界面的交互方法的流程图；图4是根据本专利技术实施例二的一种图形界面的交互装置的结构示意图；以及图5是根据本专利技术实施例二可选的一种图形界面的交互装置的结构示意图。【具体实施方式】需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本专利技术。为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。实施例1本专利技术实施例提供了一种图形界面的交互方法，图1是根据本专利技术实施例的图形界面的交互方法的流程图，如图1所示，该方法包括步骤如下:步骤SI I，获取预先设置的第一图形元素和第二图形元素。步骤S13，利用第一图形元素中的预定区域和第二图形元素，对显示界面进行填充。步骤S15，获取触发信号。步骤S17，根据触发信号，将第一图形元素自预定区域向预定方向移动第一距离。步骤S19，根据触发信号，将第二图形元素向当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种图形界面的交互方法，其特征在于，包括：获取预先设置的第一图形元素和第二图形元素；利用所述第一图形元素中的预定区域和所述第二图形元素，对显示界面进行填充；获取触发信号；根据所述触发信号，将所述第一图形元素自所述预定区域向预定方向移动第一距离；根据所述触发信号，将所述第二图形元素向所述预定方向移动第二距离。

【技术特征摘要】

【专利技术属性】
技术研发人员：梁玮殷，李翔宇，曾宏威，
申请(专利权)人：走遍世界北京信息技术有限公司，
类型：发明
国别省市：北京;11