界面更新方法、装置、终端和存储介质

文档序号:7143 发布日期:2021-09-17 浏览:61次 英文

界面更新方法、装置、终端和存储介质

技术领域

本申请实施例涉及互联网

技术领域

,特别涉及一种界面更新方法、装置、终端和存储介质。

背景技术

随着互联网技术的不断发展,网络数据的规模日益增大,用户也越来越喜欢在网络上浏览数据。例如,用户通过终端浏览直播推荐界面,该直播推荐界面中以列表的形式展示多个直播的直播入口,如果用户对该多个直播不感兴趣,还可以更新该直播推荐界面,以使该直播推荐界面展示其他多个直播的直播入口。

相关技术中,用户在界面中进行更新操作时,该界面的右上角会显示一个“旋转”图标,表示正在加载新的网络数据;在加载完成之后,直接在原有网络数据之上展示新加载的网络数据,但是该方案在更新界面时,显示效果较差,趣味性较低。

发明内容

本申请实施例提供了一种界面更新方法、装置、终端和存储介质,提高了界面更新的显示效果和趣味性。所述技术方案如下:

一方面,提供了一种界面更新方法,所述方法包括:

响应于对包含第一元素的目标界面的更新操作,请求获取待显示的第二元素;

在获取所述第二元素的过程中,根据第一特效参数,对所述第一元素进行特效显示;

响应于获取到所述第二元素,将所述第一元素替换为所述第二元素。

一方面,提供了一种界面更新装置,所述装置包括:

获取模块,用于响应于对包含第一元素的目标界面的更新操作,请求获取待显示的第二元素;

显示模块,用于在获取所述第二元素的过程中,根据第一特效参数,对所述第一元素进行特效显示;

所述显示模块,用于响应于获取到所述第二元素,将所述第一元素替换为所述第二元素。

在一种可能实现方式中,所述显示模块,用于根据所述第一特效参数,对所述第一元素进行特效处理,得到特效处理后的第一元素;在所述目标界面中显示特效处理后的所述第一元素。

在一种可能实现方式中,所述显示模块,用于根据所述第一特效参数,控制所述第一元素动态显示。

在一种可能实现方式中,所述显示模块,用于执行以下至少一项:

根据所述第一特效参数,控制所述第一元素在所述目标界面中逐渐消失;

根据所述第一特效参数,控制所述第一元素在所述目标界面中旋转;

根据所述第一特效参数,控制所述第一元素在所述目标界面中移动。

在一种可能实现方式中,所述显示模块,用于执行以下至少一项:

根据所述第一特效参数,控制所述第一元素逐渐移出所述目标界面;

根据所述第一特效参数,控制所述第一元素逐渐缩小直至消失;

根据所述第一特效参数,控制所述第一元素逐渐透明直至消失。

在一种可能实现方式中,所述第一特效参数包括第一位置和目标方向,所述显示模块,用于控制所述第一元素从所述第一位置开始沿着所述目标方向移动直至移出所述目标界面;或者,

所述第一特效参数包括所述第一元素的移动轨迹,且所述移动轨迹为从所述第一位置移出所述目标界面的轨迹,所述显示模块,用于控制所述第一元素按照所述移动轨迹移出所述目标界面。

在一种可能实现方式中,所述显示模块,用于重复执行根据所述第一特效参数,对所述第一元素进行特效显示的步骤,直至将所述第一元素替换为所述第二元素时停止。

在一种可能实现方式中,所述显示模块,包括:

复制单元,用于对所述第一元素进行复制处理,得到多个所述第一元素;

显示单元,用于根据所述第一特效参数,对所述多个第一元素进行特效显示。

在一种可能实现方式中,所述显示模块,用于在特效显示的所述第一元素的上层,根据第二特效参数,显示所述第二元素出现在所述目标界面中目标位置的特效;

所述目标位置为特效处理之前的所述第一元素在所述目标界面中的初始位置。

在一种可能实现方式中,所述显示模块,用于根据第二特效参数,显示所述第二元素从出现的第二位置移动至目标位置的动态效果;

所述目标位置为特效处理之前的所述第一元素在所述目标界面中的初始位置。

在一种可能实现方式中,所述第二特效参数用于表示所述第二元素的移动轨迹,所述移动轨迹为从所述第二位置移动至所述目标位置的轨迹,所述显示模块,用于根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动。

在一种可能实现方式中,所述显示模块,用于执行以下至少一项:

所述第二特效参数还用于表示所述第二元素在多个时刻的移动速度、且所述多个时刻的移动速度依次递减直至达到0,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中,按照所述多个时刻的移动速度改变所述第二元素的移动速度;

所述第二特效参数还用于表示所述第二元素在多个时刻的尺寸,且所述多个时刻的尺寸依次递增直至达到目标尺寸,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中按照所述多个时刻的尺寸改变所述第二元素的尺寸;

所述第二特效参数还用于表示所述第二元素在多个时刻的倾斜角度,且最后一个时刻对应的倾斜角度为0,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中按照所述多个时刻的倾斜角度控制所述第二元素进行旋转;

所述第二特效参数还用于表示所述第二元素在多个时刻的透明度,且所述多个时刻的透明度依次递减直至达到0%,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中按照所述多个时刻的透明度改变所述第二元素的透明度。

在一种可能实现方式中,所述目标界面包括多条图像数据和每条图像数据关联的文本数据,所述装置还包括:

组成模块,用于对于任一条图像数据,将所述图像数据和所述图像数据关联的文本数据组成第一元素。

在一种可能实现方式中,所述装置还包括:

所述获取模块,用于通过第一线程响应于对包含第一元素的目标界面的更新操作,请求获取待显示的第二元素;

所述显示模块,用于通过所述第一线程在获取所述第二元素的过程中,根据第一特效参数,对所述第一元素进行特效显示;响应于获取到所述第二元素,将所述第一元素替换为所述第二元素。

另一方面,提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有至少一条程序代码,所述至少一条程序代码由所述处理器加载并执行,以实现如上述方面所述的界面更新方法中所执行的操作。

另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条程序代码,所述至少一条程序代码由处理器加载并执行,以实现如上述方面所述的界面更新方法中所执行的操作。

再一方面,提供了一种计算机程序,所述计算机程序中存储有至少一条程序代码,所述至少一条程序代码由处理器加载并执行,以实现如上述方面所述的界面更新方法中所执行的操作。

本申请实施例提供的界面更新方法、装置、终端和存储介质,在对目标界面进行更新时,获取更新后的界面元素需要一定的时间,而本申请利用该段时间,对目标界面中原有的界面元素进行特效显示,提高了界面更新的显示效果和趣味性。

附图说明

为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请实施例的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种实施环境的结构示意图;

图2是本申请实施例提供的一种界面更新方法的流程图;

图3是本申请实施例提供的另一种界面更新方法的流程图;

图4是本申请实施例提供的一种目标界面的示意图;

图5是本申请实施例提供的一种特效处理后的第一元素的示意图;

图6是本申请实施例提供的一种特效处理后的第二元素的示意图;

图7是本申请实施例提供的一种界面更新装置的结构示意图;

图8是本申请实施例提供的另一种界面更新装置的结构示意图;

图9是本申请实施例提供的一种终端的结构示意图;

图10是本申请实施例提供的一种服务器的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。

可以理解,本申请所使用的术语“第一”、“第二”、“第三”、“第四”、“第五”、“第六”等可在本文中用于描述各种概念,但除非特别说明,这些概念不受这些术语限制。这些术语仅用于将一个概念与另一个概念区分。举例来说,在不脱离本申请的范围的情况下,可以将第一位置称为第二位置,将第二位置称为第一位置。

本申请所使用的术语“每个”、“多个”、“至少一个”、“任一”等,至少一个包括一个、两个或两个以上,多个包括两个或两个以上,而每个是指对应的多个中的每一个,任一是指多个中的任意一个。举例来说,多个第一元素包括3个第一元素,而每个是指这3个第一元素中的每一个第一元素,任一是指这3个第一元素中的任意一个,可以是第一个,可以是第二个,也可以是第三个。

本申请实施例提供的界面更新方法由终端执行,例如,手机、平板电脑、计算机等。

图1是本申请实施例提供的一种实施环境的示意图。参见图1,该实施环境包括终端101和服务器102。终端101和服务器102之间通过无线或者有线网络连接。

终端101上安装由服务器102提供服务的目标应用。可选地,终端101为电脑、手机、平板电脑或者其他终端。可选地,服务器102为该目标应用的后台服务器或者为提供云计算以及云存储等服务的云服务器。

可选地,目标应用为终端操作系统中的目标应用,或者为第三方提供的目标应用。例如,目标应用为内容展示应用,该内容展示应用具有展示网络数据的功能,当然,该内容展示应用还能够具有其他功能,例如,分享功能、直播功能、音频播放功能等。

可选地,终端101在更新目标界面时,从服务器102中请求更新后的数据,在获取更新后的数据的过程中,在目标界面中显示原有数据的特效。

本申请实施例提供的方法可以应用于浏览任一界面的场景中:

例如:应用于浏览直播推荐界面的场景。

用户在浏览直播推荐界面时,该直播推荐界面中,展示有多个第一直播的直播入口,如果用户对该多个第一直播不感兴趣,用户可以触发对直播推荐界面的更新操作,以使直播推荐界面展示多个第二直播的直播入口。若采用本申请实施例提供的方法,在用户触发对直播推荐界面的更新操作之后,可以在直播推荐界面中显示多个第一直播的直播入口的特效,直至获取到多个第二直播的直播入口之后,将多个第一直播的直播入口替换为第二直播的直播入口,使得用户在等待终端获取第二直播的直播入口的这段时间内可以观赏特效展示,提高了用户粘性。

需要说明的是,本申请实施例仅是以浏览直播推荐界面为例,对应用场景进行示例性说明,在另一实施例中,还可以是浏览应用首页的场景,浏览列表界面的场景等。

图2是本申请实施例提供的一种界面更新方法的流程图。本申请实施例以执行主体为终端为例,进行示例性说明。参见图2,该方法包括:

201、终端响应于对包含第一元素的目标界面的更新操作,请求获取待显示的第二元素。

该目标界面为用于展示网络数据的界面,对该目标界面进行更新操作,该目标界面所展示的网络数据会发生变化。例如,该目标界面为直播推荐界面,该直播推荐界面以列表的形式展示多个直播的直播入口,如果用户对该多个直播不感兴趣,还可以更新该直播推荐界面,以使该直播推荐界面展示其他多个直播的直播入口。也即是,目标界面可以是任一通过更新操作可以展示新的网络数据的界面。可选地,该目标界面为以列表的形式展示推荐数据的界面、应用的首页等,本申请实施例对此不做限定。

或者,对该目标界面进行更新操作,终端可以从目标界面跳转至其他界面,通过该其他界面显示其他网路数据。其中,对目标界面的更新操作可以是基于目标界面触发的能够更新显示内容的任一操作。可选地,该更新操作为下拉界面的操作;可选地,目标界面显示有更新选项,该更新操作为对更新选项的触发操作;可选地,目标界面中显示有第一界面的界面入口,该更新操作为对该界面入口的触发操作等。本申请实施例对更新操作不做限定。

目标界面中的第一元素是在对目标界面进行更新操作之前,目标界面中显示的界面元素。可选地,目标界面中布局有界面框架,该第一元素对应于该目标界面中的界面框架,也即是该第一元素包括该界面框架,以及在该界面框架中显示的多媒体数据。可选地,该第一元素为目标界面中显示的多媒体数据,例如,该第一元素为目标界面中某一框架内显示的多媒体数据;本申请实施例对第一元素不做限定。

特效参数用于表示为界面元素添加的特效,可选地,该特效参数为特效标识,如特效名称等。例如,特效参数为“星星特效”,则为界面元素添加星星特效;可选地,该特效参数为特效处理所采用的渲染参数,例如,该特效参数用于表示界面元素的移动轨迹、特效参数包括界面元素在多个时刻分别对应的尺寸、特效参数包括界面元素在多个时刻分别对应的透明度、特效参数包括界面元素在多个时刻分别对应的倾斜角度等。其中,第一特效参数为特效参数中用于对第一元素进行处理的特效参数。

需要说明的是,第一特效参数可以服务器等其他设备中获取;或者,第一特效参数存储在本地中,直接从本地获取;或者,终端运行有根据第一特效参数对界面元素进行处理的程序,无需获取第一特效参数。

第二元素为目标界面更新后需要显示的界面元素,该第二元素与第一元素是不同的界面元素。

202、终端在获取第二元素的过程中,根据第一特效参数,对第一元素进行特效显示。

获取第二元素需要一定的时间,本申请实施例中,终端利用该获取第二元素的这段时间,在目标界面中,根据第一特效参数,对第一元素进行特效显示,以使用户在等待界面更新的时间段内不再无聊,提高界面显示的趣味性。

203、终端响应于获取到第二元素,将第一元素替换为第二元素。

将第一元素替换为第二元素之后,使得目标界面不再展示第一元素,而是展示第二元素,实现了目标界面的更新。

本申请实施例提供的界面更新方法,在对目标界面进行更新时,获取更新后的界面元素需要一定的时间,而本申请利用该段时间,对目标界面中原有的界面元素进行特效显示,提高了界面更新的显示效果和趣味性。

图3是本申请实施例提供的一种界面更新方法的流程图。参见图3,本申请实施例以执行主体为终端为例进行示例性说明,该方法包括:

301、终端显示目标界面,该目标界面包括多条图像数据和每条图像数据关联的文本数据。

该目标界面为用于展示网络数据的界面,对该目标界面进行更新操作,该目标界面所展示的网络数据会发生变化。例如,该目标界面为直播推荐界面,该直播推荐界面以列表的形式展示多个直播的直播入口,如果用户对该多个直播不感兴趣,还可以更新该直播推荐界面,以使该直播推荐界面展示其他多个直播的直播入口。也即是,目标界面可以是任一通过更新操作可以展示新的网络数据的界面。可选地,该目标界面为以列表的形式展示推荐数据的界面、应用的首页等,本申请实施例对此不做限定。

终端响应于对目标界面的访问操作,显示该目标界面。例如,目标界面为应用的首页,也即是应用的主界面,则终端显示目标界面,包括:终端响应于对目标应用的访问操作,显示该目标应用的主界面。又如,目标界面为信息推荐界面,则终端显示目标界面,包括:终端响应于对该信息推荐界面的访问操作,显示该信息推荐界面。

该目标界面包括多条图像数据和每条图像数据关联的文本数据,其中,图像数据可以是图片、视频等,每条图像数据关联的文本数据是用于描述该图像数据的文本数据。例如,如图4所示,目标界面为直播推荐界面,该直播推荐界面包括多个直播的直播入口,每个直播入口包括该直播的直播画面、该直播的主播标识、该直播的标签等。其中,多个直播画面为目标界面中的多条图像数据,直播画面下方的主播标识和标签为该图像数据关联的文本数据。

需要说明的是,在一种可能实现方式中,终端在目标界面中显示多条图像数据以及每条图像数据对应的文本数据时,可以将每条图像数据以及与该图像数据关联的文本数据显示在目标界面的一个框架内。可选地,该框架以及在该框架内显示的图像数据和文本数据组成第一元素。

需要说明的是,本申请实施例仅是以目标界面包括多条图像数据和每条图像数据关联的文本数据为例进行示例性说明,而在另一实施例中,该目标界面可以仅包括多条图像数据,或者仅包括多条文本数据,本申请实施例对目标界面的显示内容不做限定。

302、终端响应于对目标界面的更新操作,对于任一条图像数据,将该图像数据和该图像数据关联的文本数据组成第一元素。

其中,更新操作是用于更新界面的操作,可选地,该更新操作为下拉界面的操作;可选地,目标界面显示有更新选项,该更新操作为对更新选项的触发操作,本申请实施例对更新操作不做限定。

其中,将图像数据和图像数据关联的文本数据组成第一元素是指:将图像数据和图像数据关联的文本数据组成一个整体。

需要说明的是,本申请实施例仅是以将图像数据和图像数据关联的文本数据组成第一元素为例,对第一元素进行示例性说明,而在另一实施例中,目标界面包括多个第一元素,每个第一元素包括图像数据和图像数据关联的文本元素。可选地,该目标界面以列表形式显示该多个第一元素,如图4所示,每个第一元素均可以看作是列表中的一个条目。也就是说,目标界面在显示多条图像数据和每条图像数据关联的文本数据时,已将图像数据和该图像数据关联的文本数据作为一个整体进行显示,在对目标界面进行更新操作时,无需再将图像数据和图像数据关联的文本数据组成第一元素。

303、终端请求待显示的第二元素。

上述步骤303也是响应于对目标界面的更新操作而执行的,终端响应于该更新操作,可以向服务器发送数据获取请求,以获取待显示的第二元素。需要说明的是,待显示的第二元素可以从服务器中获取,也可以从终端中获取,本申请实施例对获取第二元素的方式不做限定。

在一种可能实现方式中,第二元素包括图像数据和该图像数据关联的文本数据,因此,终端请求获取待显示的第二元素,包括:终端请求获取多条待显示的图像数据和每条图像数据关联的文本数据。

需要说明的是,在一种可能实现方式中,第二元素是图像数据和该图像数据关联的文本数据组成的整体,因此,终端请求获取待显示的第二元素,包括:终端请求获取多条图像数据和每条图像数据关联的文本数据,对于获取的任一图像数据,将该图像数据和该图像数据关联的文本数据组成第二元素。

需要说明的是,在一种可能实现方式中,步骤303中“多条图像数据和每条图像数据关联的文本数据”与步骤301中“多条图像数据和每条图像数据关联的文本数据”的数据类型一致,但是数据内容不同。在一种可能实现方式中,步骤303中“多条图像数据和每条图像数据关联的文本数据”与步骤301中“多条图像数据和每条图像数据关联的文本数据”的数据类型不同,数据内容也不同。本申请实施例对此不做限定。

需要说明的是,“将图像数据和与该图像数据关联的文本数据组成第二元素的方式”与“将图像数据和与该图像数据关联的文本数据组成第一元素的方式”类似,在此不再一一赘述。

例如,该目标界面为直播推荐界面,该直播推荐界面以列表的形式展示多个直播的直播入口,目标界面更新后的多条图像数据和每条图像数据关联的文本数据为多个直播的直播封面和直播界面,将每个直播的直播封面和直播界面组成直播入口。

304、终端在获取第二元素的过程中,根据第一特效参数,对第一元素进行特效显示。

获取第二元素是需要一定的时间的,本申请实施例中,终端利用该获取第二元素的这段时间,在目标界面中,根据第一特效参数,对第一元素进行特效显示,以使用户在等待界面更新的时间段内不再无聊,提高界面显示的趣味性。

在一种可能实现方式中,在对第一元素进行特效显示时,可以是根据第一特效参数,对目标界面中的第一元素进行控制,以使第一元素在目标界面中进行移动、翻转等特效显示;还可以是根据第一特效参数,对目标界面中的第一元素进行特效处理,得到特效处理后的第一元素,在目标界面中显示特效处理后的第一元素。

本申请实施例先以“根据第一特效参数对第一元素进行特效处理,得到特效处理后的第一元素,在目标界面中显示特效处理后的第一元素”为例,对“根据第一特效参数,对第一元素进行特效显示”进行示例性说明。

其中,第一特效参数是用于对第一元素进行特效处理的参数,也即是,第一特效参数用于表示为第一元素添加的特效。可选地,该第一特效参数为特效标识,如特效名称等。例如,第一特效参数为“星星特效”,则为第一元素添加星星特效;可选地,该第一特效参数为特效处理所采用的渲染参数,例如,该第一特效参数用于表示界面元素的移动轨迹、第一特效参数包括界面元素在多个时刻分别对应的尺寸、第一特效参数包括界面元素在多个时刻分别对应的透明度、第一特效参数包括界面元素在多个时刻分别对应的倾斜角度等。

在一种可能实现方式中,终端根据第一特效参数,对第一元素进行特效处理,是为了得到动态的第一元素,从而在目标界面中展示该动态的第一元素,以提高界面更新的显示效果和趣味性。在另一种可能实现方式中,终端根据第一特效参数,对第一元素进行特效处理,是为了在第一元素中添加特效标识,从而提高目标界面的显示效果和趣味性。

需要说明的是,第一特效参数可以包括任一种或者多种对第一元素进行特效处理的参数,本申请实施例对第一特效参数不做限定,以下仅以六种情况为例为根据第一特效参数,对第一元素进行特效处理,得到特效处理后的第一元素进行示例性说明。在一种可能实现方式中,终端根据第一特效参数,对目标界面中的第一元素进行特效处理,得到特效处理后的第一元素,包括以下至少一项:

(1)第一特效参数用于表示第一元素的移动轨迹,根据第一特效参数,对目标界面中的第一元素进行特效处理,得到按照所述移动轨迹移动的第一元素。

其中,第一元素的移动轨迹可以是任一移动轨迹。可选地,第一元素的移动轨迹为从目标界面的一侧移动至另一侧的轨迹。例如,第一元素的移动轨迹为第一元素从目标界面的左上角移动至目标界面的右下角的轨迹;又如,第一元素的移动轨迹为第一元素从目标界面的右侧移动至目标界面的左侧的轨迹等。

需要说明的是,本申请实施例仅是以从目标界面的一侧移动至另一侧的轨迹对第一元素的移动轨迹进行示例性说明,而在另一实施例中,第一元素的移动轨迹还可以是“之”字形轨迹,还可以是从目标界面的中心位置向目标界面的任一侧移动的移动轨迹等。另外,第一元素的移动轨迹可以是移出目标界面的轨迹,也可以是不移出目标界面,在目标界面中移动的轨迹等。本申请实施例对第一元素的移动轨迹不做限定。

在一种可能实现方式中,第一特效参数包括第一位置和目标方向,第一位置为特效处理后的第一元素在目标界面中的初始显示位置,该第一位置可以是任一位置,例如,该第一位置为特效处理前的第一元素在目标界面中的初始显示位置;又如,第一位置为目标界面的右上角;又如,第一位置为目标界面的中心等,本申请实施例对第一位置不做限定。目标方向用于指示第一元素在目标界面中移动时的移动方向,该目标方向可以是指向目标界面左下角的方向、指向目标界面右侧的方向、指向目标界面左侧的方向、指向目标界面顶部的方向、指向目标界面底部的方向等,本申请实施例对目标方向不做限定。

其中,根据第一特效参数,对目标界面中的第一元素进行特效处理,得到按照所述移动轨迹移动的第一元素,包括:根据第一特效参数,对目标界面中的第一元素进行特效处理,得到在第一位置显示并向目标方向移动的第一元素。

在另一种可能实现方式中,第一特效参数包括第一元素的移动轨迹。可选地,该移动轨迹的表现形式为函数,或者,多个时刻对应的位置等,本申请实施例对移动轨迹的表现形式不做限定。

(2)第一特效参数用于表示第一元素的移动速度。根据第一特效参数对目标界面中的第一元素进行特效处理,得到按照该移动速度进行移动的第一元素。

其中,第一元素的移动速度可以是固定值,也即是,第一元素在目标界面中移动的过程中,按照该移动速度进行匀速移动;或者,第一元素的移动速度可以是第一元素在多个时刻的移动速度,也即是,第一元素在目标界面中移动的过程中,按照该多个时刻的移动速度进行变速移动。

当第一元素的移动速度为第一元素在多个时刻的移动速度时,第一元素的移动速度可以表现为第一元素的移动速度可以表现为速度函数,也可以是列表形式,该列表中包括多个时刻与对应的移动速度。本申请实施例对移动速度的表现形式不做限定。

例如,第一元素在多个时刻的移动速度逐渐递增,第一元素在从目标界面的右上角移动至目标界面的左下角的过程中,按照第一元素在多个时刻的移动速度加速下滑。

(3)第一特效参数用于表示第一元素在多个时刻的尺寸,根据第一特效参数,对目标界面中的第一元素进行特效处理,得到按照该多个时刻的尺寸变化尺寸的第一元素。

其中,第一元素在多个时刻的尺寸可以是依次递增、依次递减、先依次递增再依次递减等任一种变化形式。另外,第一元素在多个时刻的尺寸的表现形式可以为函数,也可以为列表等,本申请实施例对此不做限定。

需要说明的是,本申请实施例仅是以第一特效参数用于表示第一元素在多个时刻的尺寸为例,对第一元素的特效处理过程进行示例性说明。而在另一实施例中,第一特效参数用于表示第一元素的尺寸,且第一元素的尺寸是一个固定值。其中,第一特效参数中第一元素的尺寸可以大于第一元素的原始尺寸,也可以小于第一元素的原始尺寸,本申请实施例对此不做限定。

例如,第一元素的原始尺寸为5厘米*6厘米,第一特效参数表示第一元素从目标界面的右下角滑动至目标界面的左下角,且第一元素的尺寸为1厘米*1.2厘米,则第一元素以1厘米*1.2厘米的尺寸显示在目标界面的右上角,并滑动至目标界面的左下角。

(4)第一特效参数用于表示第一元素在多个时刻的倾斜角度。根据第一特效参数,对目标界面中的第一元素进行特效处理,得到按照该多个时刻的倾斜角度进行旋转的第一元素。

其中,第一元素在多个时刻的倾斜角度的表现形式可以为函数,也可以为列表,本申请实施例对第一元素在多个时刻的倾斜角度的表现形式不做限定。

需要说明的是,本申请实施例仅是以第一特效参数用于表示第一元素在多个时刻的倾斜角度为例,对第一元素的特效处理过程进行示例性说明。而在另一实施例中,第一特效参数用于表示第一元素的倾斜角度,且该倾斜角度是一个固定值。例如,第一特效参数用于表示第一元素的移动轨迹以及第一元素左倾30度,则根据第一特效参数对第一元素进行特效处理,能够得到按照移动轨迹移动的第一元素,且移动过程中,第一元素保持左倾30度。

(5)第一特效参数用于表示第一元素在多个时刻的透明度,且多个时刻的透明度依次递增直至达到100%。

其中,第一元素在多个时刻的透明度的表现形式可以为函数,也可以为列表,本申请实施例对第一元素在多个时刻的透明度的表现形式不做限定。

其中,第一元素在多个时刻的透明度可以依次递增、依次递减等,本申请实施例对第一元素在多个时刻的透明度不做限定。例如,第一特效参数用于表示第一元素在多个时刻的透明度从0%依次递增至100%,根据第一特效参数对第一元素进行特效处理,得到逐渐透明直至消失的第一元素。

(6)第一特效参数用于表示为第一元素添加的特效标识。

其中,特效标识可以是任一种形状的标识,例如,特效标识为“翅膀”、“星星”、“花朵”等。本申请实施例对特效标识不做限定。

需要说明的是,为第一元素添加的特效标识可以是动态的特效标识,也可以是静态的特效标识。例如,特效标识为“翅膀”,为第一元素添加翅膀,在第一元素移动的过程中,“翅膀”可以扇动,来模拟第一元素扇动翅膀飞走的效果;“翅膀”也可以静止不动,本申请实施例对此不做限定。

又如,特效标识为“花朵”,在第一元素上层显示“花朵”,“花朵”将第一元素覆盖,在获取到第二元素之后,将第一元素替换为第二元素,此时,再控制“花朵”消失,目标界面中显示的界面元素变为第二元素。

需要说明的是,上述六种情况可以任意结合,本申请实施例对此不做限定,仅以两个结合的方案进行示例性说明。

在一种可能实现方式中,第一特效参数用于表示第一元素的移动轨迹为从目标界面的右上角移动至目标界面的左下角的轨迹、第一元素在多个时刻的移动速度且该多个时刻的移动速度依次递增、第一元素在多个时刻的透明度且多个时刻的透明度依次递增直至100%、第一元素的倾斜角度为右倾30度。如图5所示,根据第一特效参数对第一元素进行特效处理,得到从目标界面的右上角向目标界面的左下角滑动、且滑动速度越来越快的第一元素,在第一元素滑动至目标界面的左下角之后,透明度依次递增直至完全透明。其中,第一元素全程保持右倾30度。

在另一种可能实现方式中,第一特效参数用于表示第一元素的第一位置为第一元素在目标界面中的初始位置,第一元素的移动方向为指向目标界面左上角的方向,在第一元素的两侧添加“翅膀”标识。根据第一特效参数对第一元素进行特效处理,得到在初始位置向目标界面的左上角移动、且“翅膀”在移动过程中不断扇动的第一元素,实现了第一元素长出翅膀飞走的效果。

在一种可能实现方式中,“根据第一特效参数,对第一元素进行特效处理,得到特效处理后的第一元素”的步骤执行完毕之后,再执行“在目标界面中显示特效处理后的第一元素”的步骤。例如,根据第一特效参数,对第一元素进行特效处理,得到了第一元素对应的特效动画;在目标界面中播放第一元素对应的特效动画。在另一种可能实现方式中,“根据第一特效参数,对第一元素进行特效处理,得到特效处理后的第一元素”和“在目标界面中显示特效处理后的第一元素”是同时执行的。这样,终端可以在目标界面中尽快显示特效处理后的第一元素。

可选地,特效处理后的第一元素可以是静态的第一元素,例如,在第一元素上添加“花朵”标识,“花朵”标识将第一元素覆盖住。可选地,特效处理后的第一元素可以是动态的第一元素,终端在目标界面中显示特效处理后的第一元素,包括:在目标界面中显示动态的第一元素。

其中,动态的第一元素可以以任一种方式在目标界面中进行变化,本申请实施例仅是以以下三种情况进行示例性说明,并不对动态的第一元素进行限定。在目标界面中显示动态的第一元素,包括以下至少一项:

(1)显示第一元素在目标界面中逐渐消失的动态效果。

在对目标界面进行更新操作之后,终端会在目标界面中显示其他界面元素,不再显示第一元素,因此,在显示其他界面元素之前可以显示第一元素在目标界面中逐渐消失的动态效果。

其中,第一元素可以在目标界面中以任一种形式消失,本申请实施例仅是对第一元素在目标界面中逐渐消失的方式进行示例性说明。可选地,显示第一元素在目标界面中逐渐消失的动态效果,包括以下至少一项:显示第一元素逐渐移出目标界面的动态效果;显示第一元素逐渐缩小直至消失的动态效果;显示第一元素逐渐透明直至消失的动态效果。

例如,第一元素从目标界面的右上角移动至目标界面的左小角,且移动过程中,第一元素的尺寸逐渐缩小直至消失。

其中,第一元素逐渐移出目标界面可以是第一元素从第一位置沿着预设轨迹移出目标界面,还可以是第一元素从第一位置沿着预设方向移动直至移出目标界面。可选地,显示第一元素逐渐移出目标界面的动态效果,包括:第一特效参数包括第一位置和目标方向,显示第一元素从第一位置开始沿着目标方向移动直至移出目标界面的动态效果;或者,第一特效参数包括第一元素的移动轨迹,且该移动轨迹为从第一位置移出目标界面的轨迹,显示第一元素按照移动轨迹移出目标界面的动态效果。

其中,第一位置可以是目标界面中的任一位置,例如,目标界面的右上角、目标界面的左上角等。第一位置还可以是第一元素在目标界面中的初始位置。本申请实施例对第一位置不做限定。

(2)显示第一元素在目标界面中旋转的动态效果。

其中,第一元素在目标界面中旋转可以是第一元素在目标界面中顺时针旋转、逆时针旋转、左右摆动等,本申请实施例对第一元素的旋转方式不做限定。

(3)显示第一元素在目标界面中移动的动态效果。

其中,第一元素在目标界面中可以任意移动,本申请实施例对第一元素在目标界面中的移动方式不做限定。

需要说明的是,上述三种情况可以任意结合,本申请实施例对此不做限定。

在本申请实施例中,第一元素在目标界面中逐渐消失之后,终端可能还未获取到更新后的界面元素,还可以重新播放第一元素的动态效果,在一种可能实现方式中,终端在目标界面中显示特效处理后的第一元素,包括:在目标界面中重复显示特效处理后的第一元素,直至将第一元素替换为第二元素时停止。

需要说明的是,本申请实施例仅是以播放完第一元素的动态效果之后,重新播放第一元素的动态效果为例,对目标界面在更新过程中的显示方式进行示例性说明。而在另一实施例中,无需在播放完第一元素消失的动态效果之后,重新显示第一元素消失的动态效果,而是每隔第一时长,显示第一元素在目标界面中消失的动态效果。例如,第一元素逐渐消失的动态效果是:第一元素从目标界面的右上角滑动至目标界面的左下角,直至滑出目标界面。在第一元素滑动至目标界面中心时,在目标界面的右上角又显示一个第一元素,该第一元素也是从目标界面的右上角滑动至目标界面的左小角,直至滑出目标界面。这样,目标界面中可以一直显示第一元素的动态效果,直至将第一元素替换为第二元素停止,显示效果更加自然。

接下来,本申请实施例以“根据第一特效参数,控制第一元素进行特效显示”为例,对“根据第一特效参数,对第一元素进行特效显示”进行示例性说明。

需要说明的是,本申请实施例中,第一特效参数与该步骤304中以“根据第一特效参数,对第一元素进行特效处理,得到特效处理之后的第一元素,在目标界面中显示特效处理后的第一元素”为例对“根据第一特效参数,对第一元素进行特效显示”进行示例性说明中的第一特效参数同理,在此不再一一赘述。

其中,根据第一特效参数,控制第一元素进行特效显示,可以是控制第一元素以任一种特效形式进行显示。在一种可能实现方式中,第一特效参数用于为第一元素添加特效标识,根据第一特效参数,控制第一元素进行特效显示,包括:根据第一特效参数,为第一元素添加对应的特效标识。例如,在第一元素上层显示“花朵”,“花朵”将第一元素覆盖等。

在一种可能实现方式中,动态的东西更加能够吸引用户的眼球,提高用户的注意力,因此,终端还可以在目标界面中显示动态的第一元素。可选地,根据第一特效参数,控制第一元素进行特效显示,包括:根据第一特效参数,控制第一元素进行动态显示。

需要说明的是,本申请实施例中,两种根据第一特效参数,对第一元素进行特效显示的方法,处理过程虽然存在一些差异,但是界面的显示结果可以是相同的,因此,上述“根据第一特效参数,对第一元素进行特效处理,得到特效处理后的第一元素,在目标界面中显示特效处理后的第一元素”的方法中提供的任一种动态效果,都可以通过“根据第一特效参数,控制第一元素进行特效显示”来实现。

可选地,终端根据第一特效参数,控制第一元素动态显示,包括以下至少一项:根据第一特效参数,控制第一元素在目标界面中逐渐消失;根据第一特效参数,控制第一元素在目标界面中旋转;根据第一特效参数,控制第一元素在目标界面中移动。

其中,第一元素在目标界面中逐渐消失的形式有多种,终端可以采用任一种或者多种组成的方式,控制第一元素在目标界面中逐渐消失。可选地,根据第一特效参数,控制第一元素在目标界面中逐渐消失,包括以下至少一项:根据第一特效参数,控制第一元素逐渐移出目标界面;根据第一特效参数,控制第一元素逐渐缩小直至消失;根据第一特效参数,控制第一元素逐渐透明直至消失。

由于本申请实施例已经对第一特效参数进行了详细说明,也对第一元素在目标界面中的特效显示也进行了详细说明,因此,此处仅以控制第一元素逐渐移出目标界面为例进行示例性说明。在一种可能实现方式中,根据第一特效参数,控制第一元素逐渐移出目标界面,包括:第一特效参数包括第一位置和目标方向,控制第一元素从第一位置开始沿着目标方向移动直至移出目标界面;或者,第一特效参数包括第一元素的移动轨迹,且移动轨迹为从第一位置移出目标界面的轨迹,控制第一元素按照移动轨迹移出目标界面。

需要说明的是,在一种可能实现方式中,为了使目标界面中的显示内容更加丰富,还可以增加第一元素的数量,使得目标界面中呈现更多的特效。可选地,终端根据第一特效参数,对第一元素进行特效显示,包括:对第一元素进行复制处理,得到多个第一元素;根据第一特效参数,对多个第一元素进行特效显示。

需要说明的是,终端根据第一特效参数,对第一元素进行特效显示之后,终端可能还未获取到第二元素,因此,还可以重新执行一次根据第一特效参数,对第一元素进行特效显示的步骤。在一种可能实现方式中,终端根据第一特效参数,对第一元素进行特效显示,包括:重复执行根据第一特效参数,对第一元素进行特效显示的步骤,直至将第一元素替换为第二元素时停止。

305、终端响应于获取到第二元素,将第一元素替换为第二元素。

终端将第一元素替换为第二元素,从而在目标界面中显示第二元素,实现了目标界面的更新。

在一种可能实现方式中,终端在将第一元素替换为第二元素时,可以取消显示第一元素,直接在目标界面中显示第二元素,也即是,在目标界面中显示第二元素时,不采用特效显示的方法,直接显示第二元素。

在另一种可能实现方式中,终端在将第一元素替换为第二元素时,可以采用第二元素直接替换第一元素,并取消第一元素的特效。例如,用户在目标界面中触发更新操作之后,在目标界面中出现“雾”,“雾”将第一元素覆盖。终端在获取目标界面中的第二元素之后,将第一元素替换为第二元素,再控制“雾”消散,以使“雾”不再遮挡目标界面中的界面元素。“雾”消散之后,用户可以看到目标界面中的第二元素。

在另一种可能实现方式中,终端在将第一元素替换为第二元素时,会显示替换过程,也即是显示第二元素替换第一元素的特效。需要说明的是,该第二元素替换第一元素的特效可以是任一种特效,本申请实施例对第二元素替换第一元素的特效不做限定。

由于界面每次更新所获取的界面元素是不同的,因此,若要显示第二元素替换第一元素的特效,需要对获取的第二元素进行特效处理。在一种可能实现方式中,可以采用预设的特效参数,对第二元素进行特效处理,该预设的特效参数可以是终端本地存储的特效参数,也可以是从服务器中获取的特效参数,本申请实施例对特效参数的获取方式不做限定。可选地,终端将第一元素替换为第二元素,包括:根据第二特效参数,对第二元素进行特效处理,显示第二元素替换第一元素的特效。

需要说明的是,目标界面中界面元素是有对应的显示位置的,因此,获取的第二元素也是有对应的显示位置的。并且,获取的第二元素的显示位置与对应的第一元素的显示位置相同,从而使得目标界面在更新之后,在相同的显示位置显示不同的数据内容。因此,第二元素显示在目标界面中对应的显示位置之后,才可以认为目标界面更新完成。在一种可能实现方式中,终端将第一元素替换为第二元素,包括:显示第二元素出现在目标界面中目标位置的特效,该目标位置为特效处理之前的第一元素在目标界面中的初始位置。

在一种可能实现方式中,第二元素出现在目标界面时,终端还在目标界面中控制第一元素进行特效显示,为了避免第二元素被遮挡而显示不全,可以将第二元素显示在第一元素的上层。可选地,将第一元素替换为第二元素,包括:在特效显示的第一元素的上层,根据第二特效参数,显示第二元素出现在目标界面中目标位置的特效,该目标位置为特效处理之前的第一元素在目标界面中的初始位置。

另外,第二元素出现在目标界面中目标位置的特效,可以是第二元素在目标位置上逐渐出现的特效,也可以是第二元素从目标界面中其他位置移动至目标位置的特效,本申请实施例对第二元素出现在目标界面中目标位置的特效不做限定。可选地,终端将第一元素替换为第二元素,包括:根据第二特效参数,显示第二元素从出现的第二位置移动至目标位置的动态效果;目标位置为特效处理之前的第一元素在目标界面中的初始位置。

其中,第二元素出现的第二位置可以是目标界面中的任一位置,例如,目标界面的左上角、右上角、左下角、右下角等。可选地,如图6所示,第二元素出现的第二位置为特效显示的第一元素在目标界面中出现的位置。例如,特效显示的第一元素出现在目标界面的右上角,并且向目标界面的左下角滑动,在获取到第二元素之后,第二元素出现在目标界面的右上角,但是第二元素不再向目标界面的左下角滑动,而是移动至目标位置。

需要说明的是,第二元素即可以在特效显示的第一元素上层显示,还可以在特效显示的第一元素出现的位置出现,可选地,终端将第一元素替换为第二元素,包括:在特效显示的第一元素的上层,根据第二特效参数,显示第二元素从出现的第二位置移动至目标位置的动态效果,目标位置为特效处理之前的第一元素在目标界面中的初始位置。

在一种可能实现方式中,当第二元素从目标界面中的其他位置移动至目标位置时,第二元素可以按照一定的移动轨迹移动。可选地,终端根据第二特效参数,显示第二元素从出现的位置移动至目标位置的动态效果,包括:第二特效参数用于表示第二元素的移动轨迹,该移动轨迹为从第二位置移动至目标位置的轨迹,根据第二特效参数,控制第二元素按照移动轨迹进行移动。

需要说明的是,第二元素的特效除了按照移动轨迹移动之外,还可以包括其他特效,本申请实施例对此不做限定,仅以以下四种情况进行示例性说明。

可选地,终端根据第二特效参数,控制第二元素按照移动轨迹移动,包括以下至少一项:

(1)第二特效参数还用于表示第二元素在多个时刻的移动速度,且多个时刻的移动速度依次递减直至达到0,根据第二特效参数,控制第二元素按照移动轨迹进行移动,且移动过程中,按照多个时刻的移动速度改变第二元素的移动速度。

本申请实施例还可以设置第二元素的移动速度,在第二元素从第二位置移动至目标位置的过程中,移动速度逐渐减小,在第二元素移动至目标位置时,移动速度也变为0,从而第二元素显示在目标位置上。

(2)第二特效参数还用于表示第二元素在多个时刻的尺寸,且多个时刻的尺寸依次递增直至达到目标尺寸,根据第二特效参数,控制第二元素按照该移动轨迹进行移动,且移动过程中按照多个时刻的尺寸改变第二元素的尺寸。

需要说明的是,第二元素显示在第二位置时,第二元素的尺寸可以是较小的尺寸。因此,在移动过程中,可以不断增大第二元素的尺寸,以使第二元素的尺寸达到目标尺寸。

(3)第二特效参数还用于表示第二元素在多个时刻的倾斜角度,且最后一个时刻对应的倾斜角度为0,根据第二特效参数,控制第二元素按照移动轨迹移动,且移动过程中按照多个时刻的倾斜角度控制第二元素进行旋转。

需要说明的是,第二元素在从第二位置移动至目标位置的过程中,第二元素还可以旋转,由于最后一个时刻对应的倾斜角度为0,因此,第二元素显示在目标位置时,第二元素是没有任何倾斜的。

(4)第二特效参数还用于表示第二元素在多个时刻的透明度,且多个时刻的透明度依次递减直至达到0%,根据第二特效参数,控制第二元素按照移动轨迹进行移动,且移动过程中按照多个时刻的透明度改变第二元素的透明度。

需要说明的是,本申请实施例仅是以上述四种情况为例进行示例性说明,并不对第二元素的特效进行限定。另外,上述四种情况可以任意结合,本申请实施例对此不做限定。

例如,第二元素以右倾30度的状态显示在目标界面的第二位置,控制第二元素从第二位置移动至目标位置,且在移动过程中,逐渐控制第二元素向左旋转,直至第二元素不再倾斜。另外,在移动过程中,还要控制第二元素不断放大直至达到目标尺寸,控制第二元素的移动速度逐渐减小,以使第二元素在位于目标位置时,移动速度为0。

需要说明的另一点是,上述步骤303和步骤304可以先后执行,例如,先执行步骤303再执行步骤304;或者,先执行步骤304再执行步骤303。另外,上述步骤303和步骤304还可以同时执行。在一种可能实现方式中,终端运行有两个线程,通过这两个线程分别执行步骤303和步骤304,以使步骤303和步骤304同时执行,从而加快第二元素的显示,也即是,加快目标界面的更新。

可选地,终端运行有第一线程和第二线程,第一线程用于响应于对包含第一元素的目标界面的更新操作,请求获取待显示的第二元素。第二线程用于在获取第二元素的过程中,根据第一特效参数,对第一元素进行特效显示;响应于获取到第二元素,将第一元素替换为第二元素。

可选地,第一线程为终端的后台线程,第二线程为终端的前台线程。

本申请实施例提供的界面更新方法,在对目标界面进行更新时,获取更新后的界面元素需要一定的时间,而本申请利用该段时间,对目标界面中原有的界面元素进行特效显示,提高了界面更新的显示效果和趣味性。

另外,本申请实施例中,在更新目标界面时,可以在目标界面中显示动态的第一元素,更能吸引用户眼球,提高界面更新的趣味性。

另外,本申请实施例中,可以重复显示第一元素的特效,即便终端在播放完第一元素的特效之后,未能及时获取到第二元素,也不会影响目标界面的显示,使得显示第一元素的特效的方法更加灵活。

另外,本申请实施例中,还可以对第一元素进行复制处理,以使目标界面中能够播放多个第一元素的特效,使得目标界面的显示内容更加丰富。

另外,本申请实施例中,第一元素的特效与第二元素的特效是关联的,第二元素的出现位置与第一元素的出现位置相同,从而两个特效可以无缝衔接,不会给用户一种突兀的感觉,界面更新的显示效果更佳。

图7是本申请提供的一种界面更新装置的结构示意图。参见图7,该装置包括:

获取模块701,用于响应于对目标界面的更新操作,根据第一特效参数,对所述目标界面中的第一元素进行特效处理,得到特效处理后的所述第一元素;

显示模块702,用于在所述目标界面中显示特效处理后的所述第一元素;

所述显示模块702,用于响应于基于所述更新操作获取到所述第二元素,将所述第一元素替换为所述第二元素。

如图8所示,在一种可能实现方式中,所述显示模块702,用于根据所述第一特效参数,对所述第一元素进行特效处理,得到特效处理后的第一元素;在所述目标界面中显示特效处理后的所述第一元素。

在一种可能实现方式中,所述显示模块702,用于根据所述第一特效参数,控制所述第一元素动态显示。

在一种可能实现方式中,所述显示模块702,用于执行以下至少一项:

根据所述第一特效参数,控制所述第一元素在所述目标界面中逐渐消失;

根据所述第一特效参数,控制所述第一元素在所述目标界面中旋转;

根据所述第一特效参数,控制所述第一元素在所述目标界面中移动。

在一种可能实现方式中,所述显示模块702,用于执行以下至少一项:

根据所述第一特效参数,控制所述第一元素逐渐移出所述目标界面;

根据所述第一特效参数,控制所述第一元素逐渐缩小直至消失;

根据所述第一特效参数,控制所述第一元素逐渐透明直至消失。

在一种可能实现方式中,所述第一特效参数包括第一位置和目标方向,所述显示模块702,用于控制所述第一元素从所述第一位置开始沿着所述目标方向移动直至移出所述目标界面;或者,

所述第一特效参数包括所述第一元素的移动轨迹,且所述移动轨迹为从所述第一位置移出所述目标界面的轨迹,所述显示模块702,用于控制所述第一元素按照所述移动轨迹移出所述目标界面。

在一种可能实现方式中,所述显示模块702,用于重复执行根据所述第一特效参数,对所述第一元素进行特效显示的步骤,直至将所述第一元素替换为所述第二元素时停止。

在一种可能实现方式中,所述显示模块702,包括:

复制单元7021,用于对所述第一元素进行复制处理,得到多个所述第一元素;

显示单元7022,用于根据所述第一特效参数,对所述多个第一元素进行特效显示。

在一种可能实现方式中,所述显示模块702,用于在特效显示的所述第一元素的上层,根据第二特效参数,显示所述第二元素出现在所述目标界面中目标位置的特效;

所述目标位置为特效处理之前的所述第一元素在所述目标界面中的初始位置。

在一种可能实现方式中,所述显示模块702,用于根据第二特效参数,显示所述第二元素从出现的第二位置移动至目标位置的动态效果;

所述目标位置为特效处理之前的所述第一元素在所述目标界面中的初始位置。

在一种可能实现方式中,所述第二特效参数用于表示所述第二元素的移动轨迹,所述移动轨迹为从所述第二位置移动至所述目标位置的轨迹,所述显示模块702,用于根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动。

在一种可能实现方式中,所述显示模块702,用于执行以下至少一项:

所述第二特效参数还用于表示所述第二元素在多个时刻的移动速度、且所述多个时刻的移动速度依次递减直至达到0,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中,按照所述多个时刻的移动速度改变所述第二元素的移动速度;

所述第二特效参数还用于表示所述第二元素在多个时刻的尺寸,且所述多个时刻的尺寸依次递增直至达到目标尺寸,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中按照所述多个时刻的尺寸改变所述第二元素的尺寸;

所述第二特效参数还用于表示所述第二元素在多个时刻的倾斜角度,且最后一个时刻对应的倾斜角度为0,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中按照所述多个时刻的倾斜角度控制所述第二元素进行旋转;

所述第二特效参数还用于表示所述第二元素在多个时刻的透明度,且所述多个时刻的透明度依次递减直至达到0%,根据所述第二特效参数,控制所述第二元素按照所述移动轨迹进行移动,且移动过程中按照所述多个时刻的透明度改变所述第二元素的透明度。

在一种可能实现方式中,所述目标界面包括多条图像数据和每条图像数据关联的文本数据,所述装置还包括:

组成模块703,用于对于任一条图像数据,将所述图像数据和所述图像数据关联的文本数据组成第一元素。

在一种可能实现方式中,所述装置还包括:

所述获取模块701,用于通过第一线程响应于对包含第一元素的目标界面的更新操作,请求获取待显示的第二元素;

所述显示模块702,用于通过所述第一线程在获取所述第二元素的过程中,根据第一特效参数,对所述第一元素进行特效显示;响应于获取到所述第二元素,将所述第一元素替换为所述第二元素。

本申请实施例还提供了一种终端,该终端包括处理器和存储器,存储器中存储有至少一条程序代码,该至少一条程序代码由处理器加载并执行,以实现如上述实施例的界面更新方法中所执行的操作。

图9是本申请实施例提供的一种终端的结构示意图。该终端900可以是便携式移动终端,比如:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group AudioLayer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts GroupAudio Layer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端900还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

终端900包括有:处理器901和存储器902。

处理器901可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器901可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器901也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器901可以集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的显示和绘制。一些实施例中,处理器901还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。

存储器902可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器902还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器902中的非暂态的计算机可读存储介质用于存储至少一个程序代码,该至少一个程序代码用于被处理器901所执行以实现如上述实施例的界面更新方法中所执行的操作。

在一些实施例中,终端900还可选包括有:外围设备接口903和至少一个外围设备。处理器901、存储器902和外围设备接口903之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口903相连。具体地,外围设备包括:射频电路904、显示屏905、摄像头组件906、音频电路907、定位组件908和电源909中的至少一种。

外围设备接口903可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器901和存储器902。在一些实施例中,处理器901、存储器902和外围设备接口903被集成在同一芯片或电路板上;在一些其他实施例中,处理器901、存储器902和外围设备接口903中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。

射频电路904用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路904通过电磁信号与通信网络以及其他通信设备进行通信。射频电路904将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路904包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路904可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路904还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。

显示屏905用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏905是触摸显示屏时,显示屏905还具有采集在显示屏905的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器901进行处理。此时,显示屏905还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏905可以为一个,设置在终端900的前面板;在另一些实施例中,显示屏905可以为至少两个,分别设置在终端900的不同表面或呈折叠设计;在另一些实施例中,显示屏905可以是柔性显示屏,设置在终端900的弯曲表面上或折叠面上。甚至,显示屏905还可以设置成非矩形的不规则图形,也即异形屏。显示屏905可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件906用于采集图像或视频。可选地,摄像头组件906包括前置摄像头和后置摄像头。前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件906还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。

音频电路907可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器901进行处理,或者输入至射频电路904以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端900的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器901或射频电路904的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路907还可以包括耳机插孔。

定位组件908用于定位终端900的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件908可以是基于美国的GPS(GlobalPositioning System,全球定位系统)、中国的北斗系统或俄罗斯的格雷纳斯定位系统以及欧盟的伽利略定位系统。

电源909用于为终端900中的各个组件进行供电。电源909可以是交流电、直流电、一次性电池或可充电电池。当电源909包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。

在一些实施例中,终端900还包括有一个或多个传感器910。该一个或多个传感器910包括但不限于:加速度传感器911、陀螺仪传感器912、压力传感器913、指纹传感器914、光学传感器915以及接近传感器916。

加速度传感器911可以检测以终端90建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器911可以用于检测重力加速度在三个坐标轴上的分量。处理器901可以根据加速度传感器911采集的重力加速度信号,控制显示屏905以横向视图或纵向视图进行用户界面的显示。加速度传感器911还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器912可以检测终端900的机体方向及转动角度,陀螺仪传感器912可以与加速度传感器911协同采集用户对终端900的3D动作。处理器901根据陀螺仪传感器912采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器913可以设置在终端900的侧边框和/或显示屏905的下层。当压力传感器913设置在终端900的侧边框时,可以检测用户对终端900的握持信号,由处理器901根据压力传感器913采集的握持信号进行左右手识别或快捷操作。当压力传感器913设置在显示屏905的下层时,由处理器901根据用户对显示屏905的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器914用于采集用户的指纹,由处理器901根据指纹传感器914采集到的指纹识别用户的身份,或者,由指纹传感器914根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器901授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器914可以被设置在终端900的正面、背面或侧面。当终端900上设置有物理按键或厂商Logo时,指纹传感器914可以与物理按键或厂商Logo集成在一起。

光学传感器915用于采集环境光强度。在一个实施例中,处理器901可以根据光学传感器915采集的环境光强度,控制显示屏905的显示亮度。具体地,当环境光强度较高时,调高显示屏905的显示亮度;当环境光强度较低时,调低显示屏905的显示亮度。在另一个实施例中,处理器901还可以根据光学传感器915采集的环境光强度,动态调整摄像头组件906的拍摄参数。

接近传感器916,也称距离传感器,设置在终端900的前面板。接近传感器916用于采集用户与终端900的正面之间的距离。在一个实施例中,当接近传感器916检测到用户与终端900的正面之间的距离逐渐变小时,由处理器901控制显示屏905从亮屏状态切换为息屏状态;当接近传感器916检测到用户与终端900的正面之间的距离逐渐变大时,由处理器901控制显示屏905从息屏状态切换为亮屏状态。

本领域技术人员可以理解,图9中示出的结构并不构成对终端900的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。

图10是根据一示例性实施例示出的一种服务器的结构示意图,该服务器1000可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上处理器(CentralProcessing Units,CPU)1001和一个或一个以上的存储器1002,其中,存储器1002中存储有至少一条程序代码,至少一条程序代码由处理器1001加载并执行以实现上述各个方法实施例提供的方法。当然,该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件,以便进行输入输出,该服务器还可以包括其他用于实现设备功能的部件,在此不做赘述。

本申请实施例还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有至少一条程序代码,该至少一条程序代码由处理器加载并执行,以实现如上述实施例的界面更新方法中所执行的操作。

本申请实施例还提供了一种计算机程序,该计算机程序中存储有至少一条程序代码,该至少一条程序代码由处理器加载并执行,以实现如上述实施例的界面更新方法中所执行的操作。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,该程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。

以上仅为本申请实施例的可选实施例,并不用以限制本申请实施例,凡在本申请实施例的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

完整详细技术资料下载
上一篇:石墨接头机器人自动装卡簧、装栓机
下一篇:显示设备及投屏方法

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!

技术分类