一种刷新方法和装置制造方法及图纸

本发明专利技术实施例提供了一种刷新方法和装置，该方法包括：当检测到刷新操作时，向服务器申请业务数据；当等待所述业务数据时，在界面中绘制刷新图形，所述刷新图形包括中空的线条图、以及、在所述线条图中循环排列多段相邻相交的线条；旋转所述刷新图形并扩大多段所述线条合围的区域；当接收到所述业务数据时，取消显示所述刷新图形。通过代码绘制简单的线条实现了刷新动画，无需应用多帧图片，在刷新时操作流畅，大大提高了操作的效率，减少了卡顿的现象，同时，无需内置多帧图片，大大减少了应用的体积。

A refreshing method and device

An embodiment of the present invention provides a refresh method and apparatus, which include: applying for service data to a server when refresh operation is detected; drawing a refresh graph in an interface while waiting for the service data, the refresh graph including a hollow line graph, and cyclically arranging multiple segments in the line graph. Adjacent intersecting lines; rotating the refreshed graphics and expanding the area enclosed by multiple segments of the lines; canceling displaying the refreshed graphics when receiving the traffic data. The refresh animation is realized by drawing simple lines through the code without using multi-frame pictures. The operation is fluent when refreshing, which greatly improves the efficiency of operation and reduces the phenomenon of carton. At the same time, the application volume is greatly reduced without multi-frame pictures built-in.

【技术实现步骤摘要】
一种刷新方法和装置
本专利技术涉及计算机处理的
，特别是涉及一种刷新方法和一种刷新装置。
技术介绍
近年来，随着网络科技的高速发展，网络上的信息量急剧增加，例如，新闻、图片、小说、短视频，等等。某些网站、平台对这些信息进行汇聚，将同属一类的信息推送至应用，展示给用户。为了避免推送的流量过大，一般推送少量信息给应用，用户浏览完毕之后，若想继续浏览信息，则触发刷新操作，向网站、平台请求新一批的信息。在请求信息期间，客户端通常展示刷新动画。目前，这些刷新动画多是由多帧图片组成，加载图片的效率较低，容易发生卡顿，同时，图片的体积较大，导致应用的体积较大。
技术实现思路
本专利技术实施例提出了一种刷新方法和装置，以解决展示刷新动画时、加载多帧图片的效率较低，应用的体积较大的问题。依据本专利技术的一个方面，提供了一种刷新方法，包括：当检测到刷新操作时，向服务器申请业务数据；当等待所述业务数据时，在界面中绘制刷新图形，所述刷新图形包括中空的线条图、以及、在所述线条图中循环排列多段相邻相交的线条；旋转所述刷新图形并扩大多段所述线条合围的区域；当接收到所述业务数据时，取消显示所述刷新图形。可选地，所述在界面中绘制刷新图形，包括：在界面中绘制中空的线条图；在所述线条图上确定一端点，并基于所述端点在所述线条图中绘制线条；多次复制所述线条并在所述线条图中按照多个预设的角度进行旋转，以使旋转后的线条的一端点位于所述线条图上，另一端点位于相邻的线条上。可选地，所述旋转所述刷新图形并扩大多段所述线条合围的区域，包括：以每段线条位于所述线条图上的一端点作为基点，将所述线条的另一端点从相邻的线条上移动至所述线条图上；将每段线条的两个端点保持在所述线条图上、旋转并缩短每段线条。可选地，所述以每段线条位于所述线条图上的一端点作为基点，将所述线条的另一端点从相邻的线条上移动至所述线条图上，包括：以每段线条位于所述线条图上的一端点作为基点，调整每段线条的斜率；计算每段线条调整斜率之后、位于相邻的线条上的另一端点。可选地，所述将每段线条的两个端点保持在所述线条图上、旋转并缩短每段线条，包括：旋转每条线段、并以每段线条位于所述线条图上的一端点作为基点，调整每段线条的斜率；计算所述线条调整斜率之后、位于所述线条图上的另一端点。可选地，所述旋转所述刷新图形并扩大多段所述线条合围的区域，还包括：按照预设的角度旋转多段所述线条。可选地，所述旋转所述刷新图形并扩大多段所述线条合围的区域，还包括：将所述线条图进行渐变处理；旋转渐变处理之后的线条图。根据本专利技术的另一方面，提供了一种刷新装置，包括：业务数据申请模块，用于当检测到刷新操作时，向服务器申请业务数据；刷新图形绘制模块，用于当等待所述业务数据时，在界面中绘制刷新图形，所述刷新图形包括中空的线条图、以及、在所述线条图中循环排列多段相邻相交的线条；动态处理模块，用于旋转所述刷新图形并扩大多段所述线条合围的区域；刷新图形取消模块，用于当接收到所述业务数据时，取消显示所述刷新图形。可选地，所述刷新图形绘制模块包括：线条图绘制子模块，用于在界面中绘制中空的线条图；线条绘制子模块，用于在所述线条图上确定一端点，并基于所述端点在所述线条图中绘制线条；复制旋转子模块，用于多次复制所述线条并在所述线条图中按照多个预设的角度进行旋转，以使旋转后的线条的一端点位于所述线条图上，另一端点位于相邻的线条上。可选地，所述动态处理模块包括：线条移动子模块，用于以每段线条位于所述线条图上的一端点作为基点，将所述线条的另一端点从相邻的线条上移动至所述线条图上；线条缩短子模块，用于将每段线条的两个端点保持在所述线条图上、旋转并缩短每段线条。可选地，所述线条移动子模块包括：第一斜率调整单元，用于以每段线条位于所述线条图上的一端点作为基点，调整每段线条的斜率；第一端点计算单元，用于计算每段线条调整斜率之后、位于相邻的线条上的另一端点。可选地，所述线条缩短子模块包括：第二斜率调整单元，用于旋转每条线段、并以每段线条位于所述线条图上的一端点作为基点，调整每段线条的斜率；第二端点计算单元，用于计算所述线条调整斜率之后、位于所述线条图上的另一端点。可选地，所述动态处理模块还包括：线条旋转子模块，用于按照预设的角度旋转多段所述线条。可选地，所述动态处理模块还包括：渐变处理子模块，用于将所述线条图进行渐变处理；线条图旋转子模块，用于旋转渐变处理之后的线条图。本专利技术实施例包括以下优点：本专利技术实施例当检测到刷新操作时，向服务器申请业务数据，在等待业务数据时，在界面中绘制刷新图形，其中，刷新图形包括中空的线条图、以及、在线条图中循环排列多段相邻相交的线条，旋转刷新图形并缩小多段线条，当接收到业务数据时，取消显示刷新图形，通过代码绘制简单的线条实现了刷新动画，无需应用多帧图片，在刷新时操作流畅，大大提高了操作的效率，减少了卡顿的现象，同时，无需内置多帧图片，大大减少了应用的体积。附图说明图1是本专利技术一个实施例的一种刷新方法的步骤流程图；图2A至图2C是本专利技术一个实施例的一种刷新操作的示例图；图3A至图3F是本专利技术一个实施例的一种刷新图形的处理示例图；图4是本专利技术一个实施例的一种刷新装置的结构框图。具体实施方式为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本专利技术作进一步详细的说明。参照图1，示出了本专利技术一个实施例的一种刷新方法的步骤流程图，具体可以包括如下步骤：步骤101，当检测到刷新操作时，向服务器申请业务数据。在具体实现中，本专利技术实施例可以应用在各种可执行刷新操作的应用中，例如，短视频应用、新闻应用、搜索应用，等等。这些应用可以安装在移动终端中，例如，手机、平板电脑、个人数字助理、穿戴设备(如眼镜、手表等)等等。这些移动终端的操作系统可以包括Android(安卓)、IOS、WindowsPhone、Windows等等，本专利技术实施例对此不加以限制。以短视频应用为例，如图2A所示，在移动终端中安装短视频应用，在该短视频应用的界面中，以瀑布流等形式展示多个长度为10秒至1分钟不等的短视频的封面图，用户点击某个封面图，则可以加载该封面图所属的短视频，供用户浏览。如图2B所示，若用户对当前界面中的短视频不感兴趣或者已经浏览全部的短视频，则可以通过下拉操作(刷新操作)，刷新新的短视频。当然，除了下拉操作之外，还可以采用其他方式作为刷新操作，例如，点击刷新控件、摇一摇，等等，本专利技术实施例对此不加以限制。若应用检测到刷新操作，则可以向相应的服务器请求新的业务数据，例如，短视频、新闻数据、图片数据，等等。步骤102，当等待所述业务数据时，在界面中绘制刷新图形。应用发送申请业务数据的请求、服务器查询并返回业务数据，需要花费一定的处理时间，在此处理时间中，应用一方面等待业务数据，另一方面在界面中绘制刷新图形，提示用户正在处于刷新中。例如，如图2所示，在短视频应用的界面中展示多个短视频的封面图，这些短视频的图封面随用户的下拉操作而往下滑动，在界面的上方空出一个区域，在该区域可以绘制刷新图形、展示刷新动画。在此示例中，该区域初始可以是用户不可见的区域，随之短视频的封面图往下滑动，逐渐转变为用户可见的区域，呈现逐渐拉出的动画。在本专利技术实施例中，刷新图形本文档来自技高网...

【技术保护点】
1.一种刷新方法，其特征在于，包括：当检测到刷新操作时，向服务器申请业务数据；当等待所述业务数据时，在界面中绘制刷新图形，所述刷新图形包括中空的线条图、以及、在所述线条图中循环排列多段相邻相交的线条；旋转所述刷新图形并扩大多段所述线条合围的区域；当接收到所述业务数据时，取消显示所述刷新图形。

【技术特征摘要】
1.一种刷新方法，其特征在于，包括：当检测到刷新操作时，向服务器申请业务数据；当等待所述业务数据时，在界面中绘制刷新图形，所述刷新图形包括中空的线条图、以及、在所述线条图中循环排列多段相邻相交的线条；旋转所述刷新图形并扩大多段所述线条合围的区域；当接收到所述业务数据时，取消显示所述刷新图形。2.根据权利要求1所述的方法，其特征在于，所述在界面中绘制刷新图形，包括：在界面中绘制中空的线条图；在所述线条图上确定一端点，并基于所述端点在所述线条图中绘制线条；多次复制所述线条并在所述线条图中按照多个预设的角度进行旋转，以使旋转后的线条的一端点位于所述线条图上，另一端点位于相邻的线条上。3.根据权利要求1或2所述的方法，其特征在于，所述旋转所述刷新图形并扩大多段所述线条合围的区域，包括：以每段线条位于所述线条图上的一端点作为基点，将所述线条的另一端点从相邻的线条上移动至所述线条图上；将每段线条的两个端点保持在所述线条图上、旋转并缩短每段线条。4.根据权利要求3所述的方法，其特征在于，所述以每段线条位于所述线条图上的一端点作为基点，将所述线条的另一端点从相邻的线条上移动至所述线条图上，包括：以每段线条位于所述线条图上的一端点作为基点，调整每段线条的斜率；计算每段线条调整斜率之后、位于相邻的线条上的另一端点。5.根据权利要求3所述的方法，其特征在于，所述将每段线条的两个端点保持在所述线条图上、旋转并缩短每段线条，包括：旋转每条线段、并以每段线条位于所述线条图上的一端点作为基点，调整每段线条的斜率；计算所述线条...

【专利技术属性】
技术研发人员：蔡雪健，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京,11