[发明专利]图形界面的交互方法及装置

说明书

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

技术领域

本发明涉及互联网领域，具体而言，涉及一种图形界面的交互方法及装置。

背景技术

近年来，随着移动互联网的发展，生活、学习、工作等都可以在网页上实现。而基于传统的按钮、图片组成的用户界面，已经无法满足需要了。

在功能日益同质化的今天，在做好应用功能本身的同时，其界面能否给用户带来新鲜感，也成为了越发的重要。在现有技术中，利用动画软件(例如Adobe Flash)制作的动态交互界面，因其绚丽的效果，以及良好的交互性能而深受用户欢迎。但是利用动画软件制作出的动态交互界面，其制作和修改的过程十分繁琐。并且，在运行动态交互界面时，需要调用特定的播放插件，通用性就受到了系统中是否安装相应的播放插件的限制。同时，利用动画软件制作出的动态交互界面还存在系统资源占用高等问题。上述问题，无论是开发人员的开发，还是终端用户的使用体验，都受到很大的影响。

针对现有技术中因使用利用动画软件制作的动态交互界面，导致的动态交互界面开发繁琐、通用性低的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种图形界面的交互方法及装置，以解决现有技术中因使用利用动画软件制作的动态交互界面，导致的动态交互界面开发繁琐、通用性低的问题。

为了实现上述目的，根据本发明实施例的一个方面，提供了一种图形界面的交互方法。该方法包括：获取预先设置的第一图形元素和第二图形元素；利用第一图形元素中的预定区域和第二图形元素，对显示界面进行填充；获取触发信号；根据触发信号，将第一图形元素自预定区域向预定方向移动第一距离；根据触发信号，将第二图形元素向预定方向移动第二距离。

进一步的，在获取预先设置的第一图形元素和第二图形元素之后，方法还包括：获取显示界面的界面分辨率和/或预先设置的切换次数，其中，切换次数为对显示界面内填充内容进行切换的次数；根据界面分辨率和/或切换次数，确定第一距离和第二距离。

进一步的，当单独获取界面分辨率时，根据界面分辨率和/或切换次数，确定第一距离和第二距离包括：根据界面分辨率和第一图形元素的第一图像分辨率，对第一图形元素进行切分，确定切换次数；根据切换次数和第一图像分辨率，确定第一距离；根据切换次数和第二图形元素的第二图像分辨率，确定第二距离。

进一步的，当单独获取切换次数时，根据界面分辨率和/或切换次数，确定第一距离和第二距离包括：根据切换次数和第一图形元素的第一图像分辨率，确定第一距离；根据切换次数和第二图形元素的第二图像分辨率，确定第二距离。

进一步的，当同时获取界面分辨率和切换次数时，根据界面分辨率和/或切换次数，确定第一距离和第二距离包括：根据界面分辨率和切换次数，对第一图形元素进行缩放得到第一图形元素的第三图像分辨率；根据切换次数和第三图像分辨率，确定第一距离；根据切换次数和第二图形元素的第二图像分辨率，确定第二距离。

进一步的，在获取触发信号之后，方法还包括：获取文字信息；根据触发信号和文字信息，切换在显示界面中显示的文字内容。

进一步的，根据触发信号和文字信息，切换在显示界面中显示的文字内容包括：根据文字信息和切换次数，确定与切换次数数量匹配的文字字段；根据所触发信号，依次切换显示界面中用于显示的文字字段。