CN109829956A - 数据显示方法、装置及电子设备 - Google Patents
数据显示方法、装置及电子设备 Download PDFInfo
- Publication number
- CN109829956A CN109829956A CN201711179728.5A CN201711179728A CN109829956A CN 109829956 A CN109829956 A CN 109829956A CN 201711179728 A CN201711179728 A CN 201711179728A CN 109829956 A CN109829956 A CN 109829956A
- Authority
- CN
- China
- Prior art keywords
- curve
- base map
- specified base
- user attribute
- attribute data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种数据显示方法、装置及电子设备,所述数据显示方法包括:获取用户属性数据;根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线;将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示。采用本发明所公开的数据显示方法、装置及电子设备能够解决现有技术存在的数据显示过程中无法在适配各种屏幕尺寸和分辨率的前提下保证数据显示的清晰度问题。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种数据显示方法、装置及电子设备。
背景技术
随着互联网技术的发展,各种互联网交互平台盛行,例如,该互联网交互平台可以是资源交互平台,以使用户通过该资源交互平台进行各种资源的购买;该互联网交互平台也可以是视频直播平台,该视频直播平台为用户娱乐提供了直播内容共享、视频内容播放等视频业务;或者,该互联网交互平台还可以是为用户娱乐设置了各种虚拟任务的虚拟交互场景。
在上述互联网交互平台中,根据用户对资源或者视频内容等的购买行为,或者,用户完成各种虚拟任务的参与行为,将相应地形成用户属性数据,并以此来标识用户在上述互联网交互平台中的活跃度,进而便能够针对活跃度高的用户给予一定的激励。例如,用户属性数据包括会员积分、玩家等级、会员资源额度等等。
为了增加关于用户属性数据显示的生动性,现有的数据显示方法通常是以动画曲线方式进行用户属性数据的展示。然而,在动画曲线适配用户所在终端的屏幕尺寸和分辨率过程中,容易导致动画曲线的视觉效果模糊。
因此,数据显示过程中,如何适配各种屏幕尺寸和分辨率而不影响清晰度仍有待解决。
发明内容
为了解决上述技术问题,本发明的一个目的在于提供一种数据显示方法、装置及电子设备。
其中,本发明所提供的技术方案为:
一方面,一种数据显示方法,包括:获取用户属性数据;根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线;将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示。
另一方面,一种数据显示装置,包括:数据获取模块,用于获取用户属性数据;曲线绘制模块,用于根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线;曲线显示模块,用于将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示。
另一方面,一种电子设备,包括处理器及存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现如上所述的数据显示方法。
另一方面,一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上所述的数据显示方法。
在本发明提供的上述技术方案中,根据用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线,并将指定底图曲线显示在数据显示页面上,进而在显示的指定底图曲线上控制矢量图形曲线进行用户属性数据的动画效果展示,由于矢量图形曲线是基于指定底图曲线绘制的,在对终端的各种屏幕尺寸和分辨率适配过程中,矢量图形曲线对于指定底图曲线而言并未随着屏幕尺寸和分辨率的变化而变化,以此避免适配过程中出现视觉效果模糊的问题,从而解决了现有技术存在的数据显示过程中无法在适配各种屏幕尺寸和分辨率的前提下保证数据显示的清晰度问题。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本发明。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并于说明书一起用于解释本发明的原理。
图1是根据一示例性实施例示出的一种终端的硬件结构框图。
图2是根据一示例性实施例示出的一种数据显示方法的流程图。
图3是图2对应实施例中步骤230在一个实施例的流程图。
图4是图3对应实施例中步骤231在一个实施例的流程图。
图5是图3对应实施例中步骤233在一个实施例的流程图。
图6是图2对应实施例中步骤250在一个实施例的流程图。
图7是图2对应实施例中步骤250在另一个实施例的流程图。
图8是根据一示例性实施例示出的一种数据显示方法的实施环境示意图。
图9是根据一示例性实施例示出的关于用户属性数据增长的动画效果示意图。
图10是根据一示例性实施例示出的关于用户属性数据回退的动画效果示意图。
图11是根据一示例性实施例示出的一种数据显示装置的框图。
图12是图11对应实施例中曲线绘制模块930在一个实施例的框图。
图13是图12对应实施例中虚线创建单元931在一个实施例的框图。
图14是图12对应实施例中虚线偏移单元933在一个实施例的框图。
图15是图11对应实施例中曲线显示模块950在一个实施例的框图。
图16是图11对应实施例中曲线显示模块950在另一个实施例的框图。
通过上述附图,已示出本发明明确的实施例,后文中将有更详细的描述,这些附图和文字描述并不是为了通过任何方式限制本发明构思的范围,而是通过参考特定实施例为本领域技术人员说明本发明的概念。
具体实施方式
这里将详细地对示例性实施例执行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
请参阅图1,图1是根据一示例性实施例示出的一种终端的框图。需要说明的是,该终端100只是一个适配于本发明的示例,不能认为是提供了对本发明的使用范围的任何限制。该终端100也不能解释为需要依赖于或者必须具有图1中示出的示例性的终端100中的一个或者多个组件。
如图1所示,终端100包括存储器101、存储控制器103、一个或多个(图1中仅示出一个)处理器105、外设接口107、射频模块109、定位模块111、摄像模块113、音频模块115、显示屏幕117以及按键模块119。这些组件通过一条或多条通讯总线/信号线121相互通讯。
其中,存储器101可用于存储软件程序以及模块,如本发明示例性实施例中的数据显示方法及装置对应的计算机可读指令及模块,处理器105通过执行存储在存储器101内的计算机可读指令,使得软件程序得以运行于处理器105,从而实现各种功能以及数据处理,即完成数据显示方法。
存储器101作为资源存储的载体,可以是随机存储器、例如高速随机存储器、非易失性存储器,如一个或多个磁性存储装置、闪存、或者其它固态存储器。存储方式可以是短暂存储或者永久存储。
外设接口107可以包括至少一有线或无线网络接口、至少一串并联转换接口、至少一输入输出接口以及至少一USB接口等,用于将外部各种输入/输出装置耦合至存储器101以及处理器105,以实现与外部各种输入/输出装置的通信。例如,通过有线或无线网络接口进行用户属性数据的上报,以便能够根据用户属性数据针对活跃度高的用户给予一定的激励。
射频模块109用于收发电磁波,实现电磁波与电信号的相互转换,从而通过通讯网络与其他设备进行通讯。通信网络包括蜂窝式电话网、无线局域网或者城域网,上述通信网络可以使用各种通信标准、协议及技术。
定位模块111用于获取终端100的当前所在的地理位置。定位模块111的实例包括但不限于全球卫星定位系统(GPS)、基于无线局域网或者移动通信网的定位技术。
摄像模块113隶属于摄像头,用于拍摄图片或者视频。拍摄的图片或者视频可以存储至存储器101内,还可以通过射频模块109发送至上位机。
音频模块115向用户提供音频接口,其可包括一个或多个麦克风接口、一个或多个扬声器接口以及一个或多个耳机接口。通过音频接口与其它设备进行音频数据的交互。音频数据可以存储至存储器101内,还可以通过射频模块109发送。
显示屏幕117在终端100与用户之间提供一个输入输出界面。具体地,用户可通过触摸式的显示屏幕117进行输入操作,例如点击、触摸、滑动等手势操作,以使终端100对该输入操作进行响应。终端100则将文字、图片或者视频任意一种形式或者组合所形成的输出内容通过显示屏幕117向用户显示输出。例如,显示屏幕117中动态显示出可叠加在指定底图曲线上的矢量图形曲线,以此展示用户属性数据的动画效果。
按键模块119包括至少一个按键,用以提供用户向终端100进行输入的接口,用户可以通过按下不同的按键使终端100执行不同的功能。例如,声音调节按键可供用户实现对终端100播放的声音音量的调节。
可以理解,图1所示的结构仅为示意,终端100还可包括比图1中所示更多或更少的组件,或者具有与图1所示不同的组件。图1中所示的各组件可以采用硬件、软件或者其组合来实现。
请参阅图2,在一示例性实施例中,一种数据显示方法适用于终端,该终端的结构可以如图1所示。
该种数据显示方法可以由终端执行,可以包括以下步骤:
步骤210,获取用户属性数据。用户属性数据,是针对互联网交互平台上用户行为发生过程中形成的,例如,用户行为可以是用户对资源或者视频内容等的购买行为,或者,用户行为是指用户基于虚拟交互场景所提供的各种虚拟任务所进行的参与行为,因此,用户属性数据用于表征用户行为,并以此标识用户在互联网交互平台中的活跃度,例如,用户属性数据包括会员积分、会员成长值、玩家等级、玩家经验值、会员资源额度等等。通过用户属性数据使得用户能够被互联网交互平台实施激励措施,进而使得用户行为得到了激励。
举例来说,在资源交互平台上,用户行为是购买某资源的购买行为,由此产生本次购买的资源数目以及资源次数,进而形成的用户属性数据即与本次购买的资源数目以及资源次数相关,例如,用户属性数据为会员积分,购买的资源数目越大,会员积分越大,则用户被资源交互平台实施激励措施的机率越大。
又譬如,在虚拟交互场景中,用户行为是完成某虚拟任务的参与行为,由此产生完成本次虚拟任务的经验值,进而形成的用户属性数据即与完成本次虚拟任务所获取的经验值相关,例如,用户属性数据为玩家等级,所获取的经验值越高,玩家等级进阶越快,则玩家等级越高,由此使得用户在虚拟交互场景中被实施激励措施的机率也越大。
步骤230,根据用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线。
首先进行说明的是,指定底图曲线,是采用SVG(Scalable Vector Graphics,可缩放矢量图形)技术绘制的,以便于能够适配于用户所在终端的屏幕尺寸和分辨率,即当用户所在终端的屏幕尺寸和分辨率有所变化时,指定底图曲线会随着变化的屏幕尺寸和分辨率自动缩放,进而保证了指定底图曲线在参与数据显示时的清晰度。
该指定底图曲线可以是闭合曲线,例如三角形,或者非闭合曲线,例如弧形曲线,也可以是规则曲线,例如直线,还可以是其他不规则图形曲线,例如,曲率不规则变化的曲线,在此不进行限定。
指定底图曲线绘制中,可以为指定底图曲线的两端设置圆角形状,还可以设置指定底图曲线的粗细、颜色(例如黑色),以便于能够更清晰地显示用户属性数据。
由于该指定底图曲线在数据显示过程中并不会随着用户属性数据的变化而变化,故而,指定底图曲线的绘制时机,可以是每一次数据显示页面加载过程中都进行,也可以是由接入互联网交互平台的客户端被安装至用户所在终端时一次性绘制的,在此并未加以限定。
为了能够展示用户属性数据的动画效果,将绘制一矢量图形曲线,该矢量图形曲线能够体现用户属性数据的变化,即该矢量图形曲线会随着用户属性数据的变化而变化。在一实施例的具体实现中,矢量图形曲线是在数据显示页面加载时根据用户属性数据进行绘制的,以便于当数据显示页面加载完成时,矢量图形曲线能够在该数据显示页面中为用户属性数据展示相应的动画效果。
进一步地,该矢量图形曲线是可叠加在指定底图曲线上的。可叠加是指矢量图形曲线与指定底图曲线至少具有相同的路径,当数据显示页面中进行指定底图曲线和矢量图形曲线的显示时,该相同的路径将会重叠在一起,进而展示出矢量图形曲线叠加在指定底图曲线上的静态显示效果。
由此,该矢量图形曲线同理于指定底图曲线,可以是闭合曲线,例如三角形,或者非闭合曲线,例如弧形曲线,也可以是规则曲线,例如直线,还可以是其他不规则图形曲线,例如,曲率不规则变化的曲线,在此不进行限定。
更进一步地,矢量图形曲线同样是采用SVG技术绘制的,以便于当用户所在终端的屏幕尺寸和分辨率有所变化时进行自动缩放,以此适配于用户所在终端的屏幕尺寸和分辨率,进而保证了矢量图形曲线在参与数据显示时的清晰度。
值得一提的是,SVG技术中,无论是针对指定底图曲线还是矢量图形曲线的绘制,在进行曲线绘制时,首先会对SVG的视图区域进行定义,例如,视图区域的宽度和高度为100%,然后基于该视图区域为绘制曲线配置曲线参数,例如,曲线参数包括但不限于曲线的高度和宽度、以及通过坐标值所定义的曲线在视图区域中的位置,以此确定曲线的在视图区域中的基本位置和基本尺寸,而绘制得到曲线,进而充分地保证曲线在各种屏幕尺寸和分辨率下能够自由地缩放。
也就是说,当曲线在视图区域中的基本位置和基本尺寸确定后,无论终端是何种屏幕尺寸和分辨率,进行适配的是视图区域,曲线仅是随着视图区域的缩放自动缩放,即曲线相对于视图区域的位置和大小是不会随着各种屏幕和分辨率的变化而产生变化的,以此避免了曲线在适配过程中出现视觉效果模糊的问题。
也可以理解为,当指定底图曲线绘制完毕,其相对于视图区域的位置和大小是固定的,并不会随着各种屏幕和分辨率的变化而变化,进而使得基于指定底图曲线进行叠加绘制的矢量图形曲线,在对终端的各种屏幕尺寸和分辨率的适配过程中,对于指定底图曲线而言也将不会随着屏幕尺寸和分辨率产生变化,从而解决了现有技术存在的数据显示过程中无法在适配各种屏幕尺寸和分辨率的前提下保证数据显示的清晰度问题。
步骤250,将指定底图曲线显示于数据显示页面,在显示的指定底图曲线上控制矢量图形曲线进行用户属性数据的动画效果展示。
可以理解,在获得指定底图曲线和矢量图形曲线之后,由于矢量图形曲线是可叠加在指定底图曲线上的,如果在数据显示页面中同时显示出指定底图曲线和矢量图形曲线,将展示出矢量图形曲线叠加在指定底图曲线上的静态显示效果。
为了增加关于用户属性数据显示的生动性,则希望能够为用户属性数据展示出动态显示效果,即动画效果。进一步地,由于用户属性数据会随着用户行为发生变化,因此,动画效果至少包括数据增长动画效果,该数据增长动画效果对应于用户属性数据的增长。
具体而言,在数据显示页面上显示指定底图曲线,并在显示的指定底图曲线上控制矢量图形曲线缓动以此展示出用户属性数据的动画效果。
进一步地,矢量图形曲线的缓动是通过过渡(transition)属性来控制的。该过渡属性被用于指示缓动时间、缓动变化效果等,使得矢量图形曲线按照缓动时间进行缓动,和/或,按照缓动变化效果在指定底图曲线上进行缓动变化,从而形成用户属性数据的动画效果。例如,数据增长动画效果所涉及的矢量图形曲线缓动是指在显示的指定底图曲线上逐渐完整地显示矢量图形曲线。
通过如上所述的过程,通过SVG技术实现清晰度高、适配性强、平滑的曲线绘制,使得绘制的曲线能够适配于各种屏幕尺寸和分辨率且不影响清晰度。
此外,通过过渡属性控制矢量图形曲线在指定底图曲线上缓动,实现了流畅的动画效果,避免采取JS(JavaScript)技术中的定时器控制图形像素点平移来展示动画曲线的动画效果,一旦终端配置较差,将导致数据显示过程中出现动画不流畅的问题,由此达到数据显示过程中在适配各种屏幕尺寸和分辨率的前提下同时保证数据显示的清晰度和流畅率的目的。
请参阅图3,在一示例性实施例中,步骤230可以包括以下步骤:
步骤231,按照指定底图曲线的路径创建一虚线。
由于矢量图形曲线是由路径构成的,也就是说,矢量图形曲线的绘制即意味着路径的建立和编辑。
因此,矢量图形曲线的绘制中,首先创建一虚线,而该虚线的路径即为待建立路径。
具体地,以指定底图曲线的路径来建立该虚线的路径,使得该虚线的路径与指定底图曲线的路径相同,以此达到矢量图形曲线能够与指定底图曲线相互叠加的效果,进而有利于后续动画效果展示的顺利执行。
在一实施例的具体实现中,如图4所示,步骤231可以包括以下步骤:
步骤2311,获取指定底图曲线的曲线长度。
步骤2313,将曲线长度设置为虚线路径属性,并根据虚线路径属性进行虚线的创建。
虚线创建,实质是为该虚线的路径配置虚线路径属性,并为该虚线路径属性赋值。
本具体实现中,虚线路径属性被赋值为指定底图曲线的曲线长度,即表示配置有该虚线路径属性的虚线的路径与指定底图曲线的路径保持一致。
当完成虚线路径属性的赋值,即表示虚线创建完毕。
步骤233,根据用户属性数据对创建的虚线进行偏移处理,得到矢量图形曲线。
虚线的路径是与指定底图曲线的路径一致,但是矢量图形曲线的路径则可能区别于指定底图曲线的路径,因此,在虚线创建完毕之后,还需要对虚线的路径进行编辑,以确定矢量图形曲线的路径。
编辑虚线的路径就是按照用户属性数据对虚线进行偏移处理。例如,用户属性数据越大,虚线路径的终点越偏离指定底图曲线的起点,反之,用户属性数据越小,虚线路径的终点越偏离指定底图曲线的终点。
具体而言,按照曲线偏移量对虚线进行偏移形成矢量图形曲线。该曲线偏移量是指矢量图形曲线的曲线长度与指定底图曲线的曲线长度的差值。也就是说,将指定底图曲线的曲线长度与曲线偏移量相减,即得到矢量图形曲线的曲线长度,由此形成该曲线长度的矢量图形曲线。
为此,为了确定矢量图形曲线的曲线长度,首先需要获得曲线偏移量。
在一实施例的具体实现中,如图5所示,步骤233可以包括以下步骤:
步骤2331,根据指定激励进阶数值对用户属性数据进行比例转换,得到转换比例数值。
步骤2333,根据转换比例数值和指定底图曲线的曲线长度计算得到曲线偏移量。
步骤2335,由虚线按照曲线偏移量偏移形成矢量图形曲线。
可以理解,在互联网交互平台中,VIP用户相较于普通用户而言,VIP用户被互联网交互平台实施激励措施的机率更大。换而言之,不同激励阶段的用户被互联网交互平台实施激励措施的机率有所区别。
为此,指定激励进阶数值是针对激励阶段设置的,不同激励阶段所设置的指定激励进阶数值也不同,当用户属性数据已经达到当前激励阶段所设置的指定激励进阶数值时,则用户可以进阶至下一个激励阶段,以此丰富了互联网交互平台对用户行为进行激励的趣味性。
举例来说,用户属性数据为玩家经验值,指定激励进阶数值则是针对玩家等级而言的,即玩家等级可以理解为激励阶段,玩家等级越高,用户被实施激励措施的机率越大。例如,玩家等级二级时,指定激励进阶数值为100,玩家等级三级时,指定激励进行数值为1000,当用户属性数据由100上升至1000时,用户的玩家等级由二级进阶至三级,相应地,被激励的机率更大。
基于上述,指定底图曲线的曲线长度表征当前激励阶段所设置的指定激励进阶数值,而矢量图形曲线的曲线长度表征用户属性数据。
因此,曲线偏移量=(指定激励进阶数值-用户属性数据)/指定激励进阶数值×指定底图曲线的曲线长度。
矢量图形曲线的曲线长度=指定底图曲线的曲线长度-曲线偏移量。
上述实现过程中,基于指定底图曲线的曲线长度建立路径,并根据用户属性数据对该路径实施编辑,而不是直接根据用户数据为矢量图形曲线进行路径的建立,不仅能够有效地降低代码复杂度,大大减少代码开发量,有利于降低开发成本,而且还能够有效地减轻终端的任务处理压力,有利于提高曲线绘制效率,进而提高动画效果展示效率,以便于能够更加迅速而生动地为用户展示用户属性数据,有利于提高用户体验。
请参阅图6,在一示例性实施例中,步骤250可以包括以下步骤:
步骤251,获取用户属性数据对应的有效状态。
为了进一步地增加关于用户属性数据显示的生动性,为用户属性数据展示出的动态显示效果,即动画效果,还包括数据回退动画效果,该数据回退动画效果对应于用户属性数据的失效。
为此,将根据用户属性数据是否失效设置用户属性数据对应的有效状态,即用户属性数据对应的有效状态被用于指示用户属性数据是否失效。
例如,资源交互平台中,某VIP用户长期未进行任何购买行为,将会造成其用户属性数据失效。
当有效状态指示用户属性数据有效,则跳转执行步骤253,以为用户展示数据增长动画效果。
反之,当有效状态指示用户属性数据失效,则跳转执行步骤252,以为用户展示数据回退动画效果。
步骤253,根据过渡属性指示的缓动时间由指定底图曲线的起点沿指定底图曲线的路径逐渐显示矢量图形曲线。
首先,缓动时间指的是动画执行所需的时间,可以通过过渡属性来指示得到。该缓动时间可以根据实际的应用场景对过渡属性进行修改而被灵活地设置,在此不进行限定。
以弧形曲线为例进行说明,如图9所示,指定底图曲线为601,矢量图形曲线为602,指定底图曲线的起点为603,指定底图曲线的路径为604。
相应地,数据增长动画效果即是在显示的指定底图曲线601上,由指定底图曲线的起点603开始,控制一动点603’按照缓动时间沿指定底图曲线的路径604逐渐运动,使得该动点603’的运动轨迹602’逐渐与矢量图形曲线602的路径相吻合,以此形成矢量图形曲线602的动态增长显示效果,进而展示出用户属性数据增长的动画效果。
进一步地,请参阅图7,在一示例性实施例中,步骤250还可以包括以下步骤:
步骤252,由指定递减数值获得位于矢量图形曲线上的回退位置。
为了使用户能够获知其用户属性数据失效,本实施例中,将通过数据回退动画效果的展示使用户充分地感受到用户属性数据正在减少,进而获知其用户属性数据失效。
为此,将设置一指定递减数值,用于表征减少后的用户属性数据。
同理于曲线偏移量的计算,曲线回退量的计算方式具体如下:
曲线回退量=(用户激励数值-指定递减数值)/用户激励数值×矢量图形曲线的曲线长度。
被回退矢量图形曲线的曲线长度=矢量图形曲线的曲线长度-曲线回退量。
基于此,具有该曲线长度的被回退矢量图形曲线的终点即视为矢量图形曲线上的回退位置。
当然,指定递减数值可以根据实际的应用场景进行灵活地设定,进而使得矢量图形曲线上的回退位置随之发生相应地调整,例如,指定递减数值为零时,回退位置即为矢量图形曲线的起点,在此不进行限定。
步骤254,在指定底图曲线上显示矢量图形曲线,并按照缓动时间控制矢量图形曲线的终点沿指定底图曲线的路径逐渐回退至回退位置。
仍以弧形曲线为例进行说明,如图10所示,指定底图曲线为601,矢量图形曲线为602,矢量图形曲线的终点为605,矢量图形曲线上的回退位置为606,指定底图曲线的路径为607。
相应地,数据回退动画效果即是在指定底图曲线601上显示矢量图形曲线602,并由矢量图形曲线的终点605开始,控制该终点605按照缓动时间沿指定底图曲线的路径607逐渐运动至矢量图形曲线上的回退位置606,即矢量图形曲线的终点605与回退位置606重合,以此形成矢量图形曲线602的动态减少显示效果,进而展示出用户属性数据减少的动画效果。
应当说明的是,此处只是为了进行用户属性数据减少的动画效果,以通过该动画效果使用户感受到其用户属性数据在减少,进而获知其用户属性数据失效,而实际情形是该用户的用户属性数据并未发生任何的变化,例如,可以对失效的用户属性数据进行锁定以防止其产生变化。
基于此,当该用户重新在互联网交互平台中产生与资源或者视频内容等相关的购买行为时,该用户的用户属性数据将重新生效,例如,为被锁定的用户属性数据解锁,进而保证了该用户的用户属性数据在失效期间未有任何的变化。
通过上述实施例的配合,不仅可以向用户展示用户属性数据增长的动画效果,还能够向用户进行用户属性数据减少的动画效果展示,使得用户通过动画效果的变化即可获知用户属性数据是否失效,生动有趣,有利于提高用户体验。
图8是根据一示例性实施例示出的一种数据显示方法的实施环境示意图。该实施环境适用于不同的应用场景,现针对不同的应用场景对该实施环境加以说明。
在一应用场景中,互联网交互平台为视频业务交互平台700,能够为用户娱乐提供各种类型的视频资源播放业务,例如,由服务器701提供的电视剧播放业务、由服务器702提供的电影播放业务、由服务器703提供的动漫播放业务等等。
该视频业务交互平台700可供海量用户所在终端800接入,包括但不限于台式电脑801、平板电脑802、笔记本电脑803、智能手机804等配置了显示屏幕的电子设备。
通过用户所在终端800接入视频业务交互平台700时所建立的网络连接,用户将在视频业务交互平台上进行会员账号注册,以通过注册的会员账号登录该视频业务交互平台,进而便能够享受由视频业务交互平台700所提供的视频资源。
在视频业务交互平台700中,视频资源包括免费型视频资源和消费型视频资源,用户可以随时下载免费型视频资源进行观看,但是针对消费型视频资源,用户只有购买了该消费型视频资源,或者成为VIP会员之后,才能观看该消费型视频资源。
当用户针对该消费型视频资源发生了购买行为时,便相应地形成用户属性数据,即会员成长值,进而使得视频业务交互平台700能够根据该会员成长值对用户的购买行为实施激励措施。例如,为该用户延续VIP会员的有效期5天等等。
由此,当用户的VIP会员有效且会员成长值大于零,用户所在终端800将根据用户的会员成长值为用户展示会员成长值增长的动画效果,如图9所示。
而当用户的会员成长值大于零但VIP会员的有效期已过,则用户所在终端800根据用户的会员成长值为用户进行会员成长值减少的动画效果,如图10所示。
在另一应用场景中,互联网交互平台为针对可被用户参与的各种虚拟任务所架构的虚拟交互场景700。该虚拟交互场景700由为用户提供不同虚拟任务的众多服务器构建,例如,虚拟交互场景700为一角色扮演类游戏场景,其包括:提供虚拟物品收集任务的服务器701、提供虚拟角色对抗任务的服务器702、提供虚拟角色护送任务的服务器703等等。
同理,该虚拟交互场景700可供海量用户所在终端800接入,包括但不限于台式电脑801、平板电脑802、笔记本电脑803、智能手机804等配置了显示屏幕的电子设备。
当用户针对各种虚拟任务发生了参与行为,便相应地形成用户属性数据,即完成不同虚拟任务而获取得到不同的玩家经验值,进而使得虚拟交互场景700能够根据该玩家经验值对用户的参与行为实施激励措施。例如,向玩家经验值10000以上的用户赠送虚拟装备等等。
如果用户长时间未参与任何虚拟任务,其相关的玩家账号将被冻结,以等待下一次参与虚拟任务时进行玩家账号的激活。
由此,当用户的玩家账号已激活且玩家经验值大于零,用户所在终端800将根据用户的玩家经验值为用户展示玩家经验值增长的动画效果,如图9所示。
而当用户的玩家经验值大于零但玩家账号被冻结,则用户所在终端800根据用户的玩家经验值为用户进行玩家经验值减少的动画效果,如图10所示。
上述实现过程中,动画效果展示中结合了SVG技术和过渡属性,既实现了清晰度高适配性强的曲线、以及流畅的动画,还减少了代码开发量,有效地降低了开发成本。
下述为本发明装置实施例,可以用于执行本发明所涉及的邀请使用资源的实现方法。对于本发明装置实施例中未披露的细节,请参照本发明所涉及的邀请使用资源的实现方法实施例。
请参阅图11,在一示例性实施例中,一种数据显示装置900包括但不限于:数据获取模块910、矢量曲线绘制模块930和曲线显示模块950。
其中,数据获取模块910用于获取用户属性数据。
矢量曲线绘制模块930用于根据用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线。
曲线显示模块950用于将指定底图曲线显示于数据显示页面,在显示的指定底图曲线上控制矢量图形曲线进行用户属性数据的动画效果展示。
在一示例性实施例中,如上所述的装置900包括但不限于:底图曲线绘制模块。
其中,底图曲线绘制模块用于在可缩放矢量图形的视图区域为绘制指定底图曲线进行曲线参数配置,得到指定底图曲线。
请参阅图12,在一示例性实施例中,矢量曲线绘制模块930包括但不限于:虚线创建单元931和虚线偏移单元933。
其中,虚线创建单元931用于按照指定底图曲线的路径创建一虚线。
虚线偏移单元933用于根据用户属性数据对创建的虚线进行偏移处理,得到矢量图形曲线。
请参阅图13,在一示例性实施例中,虚线创建单元931包括但不限于:长度获取子单元9311和属性设置子单元9313。
其中,长度获取子单元9311用于获取指定底图曲线的曲线长度。
属性设置子单元9313用于将曲线长度设置为虚线路径属性,并根据虚线路径属性进行虚线的创建。
请参阅图14,在一示例性实施例中,虚线偏移单元933包括但不限于:比例转换子单元9331、偏移量获取子单元9333和虚线偏移子单元9335。
其中,比例转换子单元9331用于根据指定激励进阶数值对用户属性数据进行比例转换,得到转换比例数值。
偏移量获取子单元9333用于根据转换比例数值和指定底图曲线的曲线长度计算得到曲线偏移量。
虚线偏移子单元9335用于由虚线按照曲线偏移量偏移形成矢量图形曲线。
请参阅图15,在一示例性实施例中,曲线显示模块950包括但不限于:状态获取单元951和数据增长显示单元953。
其中,状态获取单元951用于获取用户属性数据对应的有效状态。
数据增长显示单元953用于当有效状态指示用户属性数据有效时,根据过渡属性指示的缓动时间由指定底图曲线的起点沿指定底图曲线的路径逐渐显示矢量图形曲线。
请参阅图16,在一示例性实施例中,曲线显示模块950还包括但不限于:位置获取单元952和数据回退显示单元954。
其中,位置获取单元952用于当有效状态指示用户属性数据失效时,由指定递减数值获得位于矢量图形曲线上的回退位置。
数据回退显示单元954用于在指定底图曲线上显示矢量图形曲线,并按照缓动时间控制矢量图形曲线的终点沿指定底图曲线的路径逐渐回退至回退位置。
需要说明的是,上述实施例所提供的数据显示装置在进行数据显示处理时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即数据显示装置的内部结构将划分为不同的功能模块,以完成以上描述的全部或者部分功能。
另外,上述实施例所提供的数据显示装置与数据显示方法的实施例属于同一构思,其中各个模块执行操作的具体方式已经在方法实施例中进行了详细描述,此处不再赘述。
在一示例性实施例中,一种电子设备,包括处理器及存储器。
其中,存储器上存储有计算机可读指令,该计算机可读指令被处理器执行时实现如上所述的各实施例中的数据显示方法。
在一示例性实施例中,一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如上所述的各实施例中的数据显示方法。
上述内容,仅为本发明的较佳示例性实施例,并非用于限制本发明的实施方案,本领域普通技术人员根据本发明的主要构思和精神,可以十分方便地进行相应的变通或修改,故本发明的保护范围应以权利要求书所要求的保护范围为准。
Claims (15)
1.一种数据显示方法,其特征在于,包括:
获取用户属性数据;
根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线;
将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示。
2.如权利要求1所述的方法,其特征在于,所述根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线之前,所述方法包括:
在可缩放矢量图形的视图区域为绘制所述指定底图曲线进行曲线参数配置,得到所述指定底图曲线。
3.如权利要求1或2所述的方法,其特征在于,所述根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线,包括:
按照所述指定底图曲线的路径创建一虚线;
根据所述用户属性数据对创建的虚线进行偏移处理,得到所述矢量图形曲线。
4.如权利要求3所述的方法,其特征在于,所述按照所述指定底图曲线的路径创建一虚线,包括:
获取所述指定底图曲线的曲线长度;
将所述曲线长度设置为虚线路径属性,并根据所述虚线路径属性进行所述虚线的创建。
5.如权利要求3所述的方法,其特征在于,所述根据所述用户属性数据对创建的虚线进行偏移处理,得到所述矢量图形曲线,包括:
根据指定激励进阶数值对所述用户属性数据进行比例转换,得到转换比例数值;
根据所述转换比例数值和所述指定底图曲线的曲线长度计算得到曲线偏移量;
由所述虚线按照所述曲线偏移量偏移形成所述矢量图形曲线。
6.如权利要求1或2所述的方法,其特征在于,所述将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示,包括:
获取所述用户属性数据对应的有效状态;
当所述有效状态指示所述用户属性数据有效时,根据过渡属性指示的缓动时间由所述指定底图曲线的起点沿所述指定底图曲线的路径逐渐显示所述矢量图形曲线。
7.如权利要求6所述的方法,其特征在于,所述将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示,还包括:
当所述有效状态指示所述用户属性数据失效时,由指定递减数值获得位于所述矢量图形曲线上的回退位置;
在所述指定底图曲线上显示所述矢量图形曲线,并按照所述缓动时间控制所述矢量图形曲线的终点沿所述指定底图曲线的路径逐渐回退至所述回退位置。
8.一种数据显示装置,其特征在于,包括:
数据获取模块,用于获取用户属性数据;
矢量曲线绘制模块,用于根据所述用户属性数据绘制可叠加在指定底图曲线上的矢量图形曲线;
曲线显示模块,用于将所述指定底图曲线显示于数据显示页面,在显示的所述指定底图曲线上控制所述矢量图形曲线进行用户属性数据的动画效果展示。
9.如权利要求8所述的装置,其特征在于,所述装置还包括:
底图曲线绘制模块,用于在可缩放矢量图形的视图区域为绘制所述指定底图曲线进行曲线参数配置,得到所述指定底图曲线。
10.如权利要求8或9所述的装置,其特征在于,所述矢量曲线绘制模块包括:
虚线创建单元,用于按照所述指定底图曲线的路径创建一虚线;
虚线偏移单元,用于根据所述用户属性数据对创建的虚线进行偏移处理,得到所述矢量图形曲线。
11.如权利要求10所述的装置,其特征在于,所述虚线创建单元包括:
长度获取子单元,用于获取所述指定底图曲线的曲线长度;
属性设置子单元,用于将所述曲线长度设置为虚线路径属性,并根据所述虚线路径属性进行所述虚线的创建。
12.如权利要求10所述的装置,其特征在于,所述虚线偏移单元包括:
比例转换子单元,用于根据指定激励进阶数值对所述用户属性数据进行比例转换,得到转换比例数值;
偏移量获取子单元,用于根据所述转换比例数值和所述指定底图曲线的曲线长度计算得到曲线偏移量;
虚线偏移子单元,用于由所述虚线按照所述曲线偏移量偏移形成所述矢量图形曲线。
13.如权利要求8或9所述的装置,其特征在于,所述曲线显示模块包括:
状态获取单元,用于获取所述用户属性数据对应的有效状态;
数据增长显示单元,用于当所述有效状态指示所述用户属性数据有效时,根据过渡属性指示的缓动时间由所述指定底图曲线的起点沿所述指定底图曲线的路径逐渐显示所述矢量图形曲线。
14.如权利要求13所述的装置,其特征在于,所述曲线显示模块还包括:
位置获取单元,用于当所述有效状态指示所述用户属性数据失效时,由指定递减数值获得位于所述矢量图形曲线上的回退位置;
数据回退显示单元,用于在所述指定底图曲线上显示所述矢量图形曲线,并按照所述缓动时间控制所述矢量图形曲线的终点沿所述指定底图曲线的路径逐渐回退至所述回退位置。
15.一种电子设备,其特征在于,包括:
处理器;及
存储器,所述存储器上存储有计算机可读指令,所述计算机可读指令被所述处理器执行时实现如权利要求1至7中任一项所述的数据显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711179728.5A CN109829956A (zh) | 2017-11-23 | 2017-11-23 | 数据显示方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711179728.5A CN109829956A (zh) | 2017-11-23 | 2017-11-23 | 数据显示方法、装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109829956A true CN109829956A (zh) | 2019-05-31 |
Family
ID=66858369
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711179728.5A Pending CN109829956A (zh) | 2017-11-23 | 2017-11-23 | 数据显示方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109829956A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110457513A (zh) * | 2019-07-26 | 2019-11-15 | 苏州科光光电科技有限公司 | 一种矢量投影显示设备及显示方法 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110254862A1 (en) * | 2010-04-16 | 2011-10-20 | Casio Computer Co., Ltd. | Graph display apparatus, graph display method, and storage medium storing program |
CN105825537A (zh) * | 2015-11-30 | 2016-08-03 | 维沃移动通信有限公司 | 一种生成动画曲线的方法及终端 |
CN303841926S (zh) * | 2016-09-07 | |||
CN106484432A (zh) * | 2016-11-01 | 2017-03-08 | 武汉斗鱼网络科技有限公司 | 一种进度条定制方法、装置及进度条 |
CN106780684A (zh) * | 2017-01-09 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 一种动画效果实现方法及装置 |
CN106935254A (zh) * | 2017-02-16 | 2017-07-07 | 珠海格力电器股份有限公司 | 媒体播放器进度条的显示控制方法、系统以及媒体播放器 |
CN107015788A (zh) * | 2016-10-19 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 在移动设备上动画展现图像的方法和装置 |
-
2017
- 2017-11-23 CN CN201711179728.5A patent/CN109829956A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN303841926S (zh) * | 2016-09-07 | |||
US20110254862A1 (en) * | 2010-04-16 | 2011-10-20 | Casio Computer Co., Ltd. | Graph display apparatus, graph display method, and storage medium storing program |
CN105825537A (zh) * | 2015-11-30 | 2016-08-03 | 维沃移动通信有限公司 | 一种生成动画曲线的方法及终端 |
CN107015788A (zh) * | 2016-10-19 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 在移动设备上动画展现图像的方法和装置 |
CN106484432A (zh) * | 2016-11-01 | 2017-03-08 | 武汉斗鱼网络科技有限公司 | 一种进度条定制方法、装置及进度条 |
CN106780684A (zh) * | 2017-01-09 | 2017-05-31 | 腾讯科技(深圳)有限公司 | 一种动画效果实现方法及装置 |
CN106935254A (zh) * | 2017-02-16 | 2017-07-07 | 珠海格力电器股份有限公司 | 媒体播放器进度条的显示控制方法、系统以及媒体播放器 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110457513A (zh) * | 2019-07-26 | 2019-11-15 | 苏州科光光电科技有限公司 | 一种矢量投影显示设备及显示方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109413480B (zh) | 画面处理方法、装置、终端及存储介质 | |
CN106028092B (zh) | 一种电视截屏的分享方法及装置 | |
CN109901894A (zh) | 一种进度条图像生成方法、装置和存储介质 | |
CN109151597A (zh) | 信息显示方法及装置 | |
CN103577207A (zh) | 一种自定义界面系统中界面组件的加载方法和装置 | |
CN108769824A (zh) | 一种视频混流方法、装置、系统、设备及介质 | |
CN109218754A (zh) | 一种直播中的信息显示方法、装置、设备及介质 | |
US11989814B2 (en) | Image processing method and apparatus, electronic device, and storage medium | |
WO2012024852A1 (zh) | 切屏动画实现方法及移动终端 | |
CN106027517A (zh) | 一种支持多渠道的游戏分包方法和装置 | |
CN105957133B (zh) | 一种加载贴图的方法和装置 | |
CN106155677A (zh) | 一种界面显示的方法和系统 | |
CN110858388B (zh) | 一种增强视频画质的方法和装置 | |
US20150189126A1 (en) | Controlling content frame rate based on refresh rate of a display | |
CN109829956A (zh) | 数据显示方法、装置及电子设备 | |
CN109933383A (zh) | 调整游戏app运行帧率的方法及设备 | |
CN108989898A (zh) | 一种展示礼物连击动画的方法、存储介质、设备及系统 | |
CN112231020A (zh) | 模型切换方法和装置、电子设备和存储介质 | |
CN113706674B (zh) | 模型贴图的制作方法及装置、存储介质、计算机设备 | |
CN109857430A (zh) | 跨容器离线包的数据处理方法、支付方法、装置及客户端 | |
CN112274933B (zh) | 动画数据处理方法及装置、存储介质、计算机设备 | |
CN108616567A (zh) | 一种图片传输方法、系统、服务器、客户端及用户设备 | |
CN114255312A (zh) | 植被图像的处理方法、装置及电子设备 | |
CN110941413B (zh) | 显示画面的生成方法及相关装置 | |
CN105139333B (zh) | 一种图片加载显示方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |