CN109242936A

CN109242936A - 绘制目标内容数据的方法、装置、存储介质及电子设备

Info

Publication number: CN109242936A
Application number: CN201810996256.0A
Authority: CN
Inventors: 涂勇
Original assignee: Guangzhou Youshi Network Technology Co Ltd
Current assignee: Alibaba China Co Ltd
Priority date: 2018-08-29
Filing date: 2018-08-29
Publication date: 2019-01-18

Abstract

本申请实施例提供了一种绘制目标内容数据的方法、装置、存储介质及电子设备，其中，方法包括：通过动画组件设置预设条件，以根据所述预设条件更新控件属性的值；更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制所述目标内容数据，从而可以根据预设条件多次更新控件属性的值，并多次重绘，且通过控制控件属性的值的更新时机，即可控制多个静态显示界面的切换，进而可以仅通过一个绘制控件即可实现目标内容数据的动态显示效果，实现方式简单且减少了***的损耗。

Description

绘制目标内容数据的方法、装置、存储介质及电子设备

技术领域

本申请实施例涉及数据处理技术领域，尤其涉及一种绘制目标内容数据的方法、装置、存储介质及电子设备。

背景技术

为了吸引更多的用户，现在的移动终端在设计页面交互时，大多会采用一些新颖的动态显示效果，特别时一些关键的功能，通过设计动态显示效果，可以使用户在第一时间就注意到。

但是，现有的客户端绘制控件大多仅支持静态的绘制效果，若要实现动态的显示效果，需要多个绘制控件分别绘制静态效果的内容，再将其各个绘制控件绘制的内容进行综合显示，从而达到动态的显示效果。例如，要在安卓***中绘制文字跳动的动态效果，需要使用多个TextView控件，每个跳动的文字均对应一TextView控件，然后将多个TextView控件结合起来，实现文字跳动的动态显示效果。

但是这种方法在使用时，如果需要进行修改，如改变跳动的文字个数等，则需要增加或减少TextView控件，并修改多个TextView控件的结合方式，可扩展性较差，并且在制作时需要多个TextView控件配合使用，实现方式复杂，对安卓***的损耗较大。

发明内容

本申请实施例的目的在于提供一种绘制目标内容数据的方法、装置、存储介质及电子设备，以减小动态显示效果对***的损耗。

根据本申请实施例的第一个方面，提供了一种绘制目标内容数据的方法，其包括：

通过动画组件设置预设条件，以根据所述预设条件更新控件属性的值；

更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制所述目标内容数据。

可选地，本申请任一实施例中，所述绘制控件包括文字绘制控件或者图形绘制控件，对应的，所述目标内容数据为文字内容数据或者图形内容数据。

可选地，本申请任一实施例中，通过动画组件设置预设条件，以根据所述预设条件更新所述控件属性包括：

通过动画组件定义浮动参数，并设置预设条件；

根据所述预设条件，更新计算所述浮动参数的值；

将所述浮动参数的值赋予给所述控件属性，以更新所述控件属性的值。

可选地，本申请任一实施例中，所述将所述浮动参数的值赋予给所述控件属性，以更新所述控件属性的值包括：

在监听到所述浮动参数的值发生变化时，回调所述动画组件，以将所述浮动参数的值赋予给所述控件属性。

可选地，本申请任一实施例中，通过动画组件设置预设条件包括以下至少之一：

通过所述动画组件设置所述控件属性的值的变化范围、通过所述动画组件设置所述控件属性的值的变化频率、通过所述动画组件调用插值器计算用于更新的所述控件属性的值。

可选地，本申请任一实施例中，当目标内容数据为文字内容数据且包括多个时，控制所述绘制控件根据其更新后的值绘制所述目标内容数据具体包括：控制所述绘制控件根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制。

可选地，本申请任一实施例中，还包括：对多个文字内容数据进行区分设置，对应的，根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制包括：

根据所述控件属性更新后的值，对所述多个文字内容数据中区分设置的部分文字内容数据进行单独绘制；

根据所述控件属性更新前的值，将除区分设置的部分文字内容数据之外的文字内容数据进行单独绘制。

根据本申请实施例的第二个方面，提供了一种绘制目标内容数据的装置，其包括：

第一程序单元，用于通过动画组件设置预设条件，以根据所述预设条件更新控件属性的值；

第二程序单元，用于更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制所述目标内容数据。

根据本申请实施例的第三个方面，提供了一种存储介质，其上存储有计算机可执行指令，所述计算机可执行指令在被处理器处理时执行如下步骤：

更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制目标内容数据。

根据本申请实施例的第四个方面，提供了一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上所述的方法。

本申请实施例提供的绘制目标内容数据的方案，通过动画组件设置预设条件，以根据所述预设条件更新控件属性的值；更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制所述目标内容数据。从而可以根据预设条件多次更新控件属性的值，则可以控制绘制控件进行多次重绘，得到多个目标内容数据的静态显示的界面。通过控制控件属性的值的更新时机，即可控制多个静态显示界面的切换，进而可以仅通过一个绘制控件即可实现目标内容数据的动态显示效果，实现方式简单且减少了***的损耗；并且通过更改设置的预设条件，例如改变变化频率、变化函数等，即可方便地更改目标内容数据的动态显示效果，进而可以方便地进行扩展或修改。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请实施例中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种绘制目标内容数据的方法的流程示意图；

图2为本申请实施例提供的另一种绘制目标内容数据的方法的流程示意图；

图3为本申请实施例提供的一种相关线与文字内容的位置示例图；

图4为本申请实施例提供的一种绘制目标内容数据的装置结构示意图；

图5为本申请执行上述方法的一些电子设备的硬件结构示意图。

具体实施方式

以下将配合附图及实施例来详细说明本申请的实施方式，藉此对本申请如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。

实施例一

图1为本申请实施例提供的一种绘制目标内容数据的方法的流程示意图，如图1所示，其包括：

S11、通过动画组件设置预设条件，以根据所述预设条件更新控件属性的值。

本实施例提供的方法可以适用于安卓或者IOS***，则本申请实施例提供的绘制控件为在安卓或者IOS中使用的绘制控件，其用于在界面中绘制需要显示的内容。

绘制控件的控件属性可以有多种，例如，若绘制控件为文字绘制控件，绘制的目标内容数据为文字内容，则绘制属性可以包括绘制文字的基线、绘制文字的上下标基线、字体、颜色、背景、大小等；当然，绘制控件还可以为图形绘制控件等，绘制的目标内容数据为图形内容数据等，本实施例对此不进行限定。

本实施例中，更新的控件属性可以有一种，也可以有多种。若更新的控件属性有多种，则可以针对每一种控件属性均通过动画组件设置一对应的预设条件，本实施例在此不进行限定。

本实施例中，控件属性确定后，绘制控件即可根据控件属性将目标绘制内容在界面进行绘制，现有的***中绘制控件仅能基于设定的控件属性对目标绘制内容进行标准绘制，其并不能自动改变控件属性的值，也不能绘制复杂的动态效果，其绘制出来的为静态显示的界面。

本实施例中，动画组件可以为安卓或者IOS***中应用的动画组件。其具体可以为Animator。通过Animator可以设置预设条件，例如变化范围、变化函数、变化频率等。设置预设条件后，Animator即可根据预设条件进行计算，从而更新控件属性的值。

S12、更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制所述目标内容数据。

本实施例中，在确定控件属性的值更新后，即可控制绘制控件进行重绘，从而根据更新后的绘制属性绘制目标内容数据，来绘制另一个目标内容数据的静态显示的界面。

本实施例中，可以根据预设条件多次更新控件属性的值，则可以控制绘制控件进行多次重绘，得到多个目标内容数据的静态显示的界面。通过控制控件属性的值的更新时机，即可控制多个静态显示界面的切换，进而可以仅通过一个绘制控件即可实现目标内容数据的动态显示效果，实现方式简单且减少了***的损耗；并且通过更改设置的预设条件，例如改变变化频率、变化函数等，即可方便地更改目标内容数据的动态显示效果，进而可以方便地进行扩展或修改。

实施例二

图2为本申请实施例提供的另一种绘制目标内容数据的方法的流程示意图，图2以安卓***为例，对绘制目标内容数据的方法的具体流程进行举例说明，如图2所示，其包括：

S21、通过动画组件定义浮动参数，并设置预设条件。

本实施例中，可以先建立一Animator控件，当然，若Animator控件已经存在，则无需再建立。

在现有技术中，Animator控件一般与Animation配合使用，Animation可以建立某一个物体的动画效果，Animator控件将多个Animation组合起来，控制多个Animation之间动画效果的衔接，进而展现一个完整的动画效果。

本实施例中，利用Aniamtor可以衔接多个Animation的作用，通过Aniamtor来定义浮动参数并定义预设条件。

具体地，本实施例中，通过Aniamtor定义一浮动参数具体可以为，将Animator的值作为浮动参数，即valueAnimator。

另外，由于不同的控件属性需要设置不同的预设条件，同时为了表现出不同的动态展示效果也需要设置不同的预设条件。因此，本实施例中，预设条件需要根据控件属性确定，进而使得浮动参数的值与控件属性匹配。下面以文字绘制控件绘制文字内容对此进行举例说明。

具体地，如图3所示，在绘制文字“My text line 1.”时，需要先确定多条相关线，然后基于多条相关线对文字内容数据进行绘制。多条相关线由上至下具体可以包括Top、Ascent、baseline、descent、bottom。在绘制时，大多先确定baseline的位置，然后基于baseline的位置确定其他相关线的位置，因此，下面以baseline为例进行具体说明。

具体地，通过动画组件设置预设条件包括以下至少之一：通过所述动画组件设置所述控件属性的值的范围、通过所述动画组件设置所述控件属性的值的变化频率、通过所述动画组件调用插值器计算用于更新的所述控件属性的值。

预设条件与baseline的位置相匹配时，预设条件具体可以包括：baseline的变化范围、变化公式、变化频率等。

baseline的变化范围可以基于绘制文字的范围确定，文字绘制的范围一般为baseline±ascent/2，则可以通过Animator设置valueAnimator的值变化范围为(0，ascent/2)；Baseline的变化公式可以任意设置，例如，默认时，其baseline的变化值是线性变化的，若想实现跳动的视觉效果，则可以将变化公式设置为sin函数，函数计算具体可以通过差值器实现；baseline的变化频率同样也可以直接通过animator任意进行设置。

另外，还可以通过animator设置刷新时间等，本实施例对此不进行限定。

当然，在确定文字绘制控件之后，其中的各个相关线的位置关系也已经确定，则本实施例中，还可以设置与其他相关线对应的预设条件，例如与ascent对应的预设条件，本实施例对此不进行限定。

S22、根据所述预设条件，计算所述浮动参数的值。

设置预设条件之后，即可根据设置的预设条件进行计算，具体地计算方法根据设置的预设条件确定。例如上述步骤中，预设条件中包括sin函数，则根据sin函数计算浮动参数的值。

S23、将所述浮动参数的值赋予给所述控件属性，以更新所述控件属性的值。

本实施例中，由于浮动参数的值并不固定，则可以将浮动参数的值赋予给另一变量shift以进行记录。

具体地，本实施例中，可以通过在监听到所述浮动参数的值发生变化时，回调所述动画组件，以将所述浮动参数的值赋予给所述控件属性。

当动画组件为Animator控件时，要实现浮动参数valueAnimator的监听，则需要使用Animator控件的ValueAnimator.onUpdateListener接口，这个接口对应一个函数onAnimationUpdate()，这个函数中会传入valueAnimator最为参数，当这个参数更新时，函数会执行响应的动作，则通过监听这个函数即可确定浮动参数的值是否发生变化。

当确定浮动函数发生变化时，即可根据与浮动参数的值相同的另一变量shift更新控件属性的值，以执行步骤S24。

S24、每次更新所述控件属性的值之后，均控制所述绘制控件根据其更新后的值绘制所述目标内容数据。

本实施例中，以控件属性为baseline为例，进行举例说明。

在确定baseline更新之后，即可以通过函数触发重绘invalidate()，使得texeview重新绘制文字内容数据。例如，更新后控件属性baseline的值为：baseline+ascent(即原始的baseline的值增加原始的ascent的值)，则重绘时，可以通过texeview调用上标绘制函数，根据重新确定的控件属性baseline的值将部分文字内容数据绘制为上标形式的文字内容；控件属性baseline的值再次更新后，其值为baseline(即原始的baseline的值)，则重绘时，可以通过texeview基于baseline的值正常绘制文字内容数据；控件属性baseline的值再次更新后，其值为：baseline-ascent(即原始的baseline的值减去原始的ascent的值)，则重绘时，可以通过texeview调用下标绘制函数，根据重新确定的控件属性baseline的值将部分文字内容数据绘制为下标形式的文字内容；控件属性baseline的值再次更新后，其值为baseline(即原始的baseline的值)，则重绘时，可以通过texeview基于baseline的值正常绘制文字内容数据。当然，这里仅通过三个baseline的值进行举例说明，进行绘制时，若baseline的值为其他值，仍可以通过上述方法将文字内容数据绘制为上标形式的文字内容或者下标形式的文字内容，本实施例对此不进行限定。

多次执行前述更新、重绘时，控件属性baseline的值也可以按照sin函数的变化规律，以(baseline+ascent，baseline-ascent)为范围不断变化，使得绘制的文字内容数据不断地上下变化，进而可以实现文字内容跳动的动态展示效果。

具体地，当目标内容数据为文字内容数据时，若文字内容数据包括多个，则控制所述绘制控件根据其更新后的值绘制所述目标内容数据具体包括：控制所述绘制控件根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制，从而实现多个文字内容数据的差异化显示。

本实施例中，单独绘制为绘制多个文字内容数据时，每个文字内容数据对应的属性均单独确定，例如，当文字内容数据为“jumping”时，每个文字内容数据的同一个控件数据为单独确定的，同一个控件属性可以相同也可以不同。

当两个文字内容数据的控件属性的值存在差异时，两个文字内容数据的显示效果存在差异，即两个文字内容数据进行差异化显示。

差异化显示具体可以为：多个文字内容数据显示的动态展示效果不同，或者将多个文字内容数据中的部分进行动态展示，或者多个内容数据的动态效果之间存在延迟等。

进一步地，当文字内容数据包括多个时，可以对多个文字内容数据进行区分设置，对应的，根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制包括：根据控件属性更新后的值，对多个文字内容数据中区分设置的部分文字内容数据进行单独绘制；根据控件属性更新前的值，将除区分设置的部分文字内容数据之外的文字内容数据进行单独绘制，从而实现区域动态展示效果。

例如，当使用texeview控件时，若文字内容数据为”Jumping”，则可以通过span设置起始位置为3、结束位置为”Jumping”的文本长度，则”Jumping”中的“ing”可以实现上述动态展示效果。

例如，上述通过上标绘制函数、下标绘制函数绘制文字内容数据时，若文字内容数据有多个，则可以利用安卓***自带的updateMeasureState、updateDrawState单独调整需要绘制为上标或下标的部分文字内容数据的控件属性的值，从而完成单独绘制。

当然，其他的控件属性的值也可以通过安卓***自带的updateMeasureState、updateDrawState进行调整，本实施例对此不进行限定。

进一步的，还可以多次进行区分设置，从而将多个目标内容数分为多个区分设置的部分内容数据，每个区分设置的部分内容数据可以对应不同的预设条件、改变的控件属性也可以不同，从而使得多个目标内容数据中呈现多个动态展示效果。

例如，当使用texeview控件时，若文字内容数据为”Jumping”，则设置“jump”的动态展示效果为背景透明度变化的动态展示效果、将“ping”设置为跳动的动态展示效果等。

图4为本申请实施例提供的一种绘制目标内容数据的装置结构示意图，如图所示，其包括：

第一程序单元401，用于通过动画组件设置预设条件，以根据所述预设条件更新控件属性的值。

第二程序单元402，用于更新所述控件属性的值之后，控制绘制控件根据其更新后的值绘制所述目标内容数据。

可选地，本实施例中，所述绘制控件包括文字绘制控件或者图形绘制控件，对应的，所述目标内容数据为文字内容数据或者图形内容数据。

可选地，本实施例中，第一程序单元具体包括：

第一子程序单元4011，用于通过动画组件定义浮动参数，并设置预设条件；

第二子程序单元4012，用于根据所述预设条件，更新计算所述浮动参数的值；

第三子程序单元4013，用于将所述浮动参数的值赋予给所述控件属性，以更新所述控件属性的值。

可选地，本实施例中，第三子程序单元具体用于：

可选地，本实施例中，通过动画组件设置预设条件包括以下至少之一：

可选地，本实施例中，当目标内容数据为文字内容数据且包括多个时，第二程序单元具体用于控制所述绘制控件根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制。

可选地，本实施例中，绘制目标内容数据的装置还包括：对多个文字内容数据进行区分设置，对应的，第二程序单元包括：

根据所述控件属性更新后的值，对所述多个文字内容数据中区分设置的部分文字内容数据进行单独绘制；根据所述控件属性更新前的值，将除区分设置的部分文字内容数据之外的文字内容数据进行单独绘制。

本申请另一实施例提供一种存储介质，其上存储有计算机可执行指令，所述计算机可执行指令在被处理器处理时执行如下步骤：

本申请另一实施例还提供一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

图5为本申请执行上述方法的一些电子设备的硬件结构示意图。根据图5所示，该设备包括：

一个或多个处理器51以及存储器52，图5中以一个处理器51为例。

执行绘制目标内容数据的方法的设备还可以包括：输入装置53和输出装置54。

处理器51、存储器52、输入装置53和输出装置54可以通过总线或者其他方式连接，图5中以通过总线连接为例。

存储器52作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本申请实施例中的绘制目标内容数据的方法对应的程序指令/模块。处理器51通过运行存储在存储器52中的非易失性软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中绘制目标内容数据的方法。

存储器52可以包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需要的应用程序；存储数据区可存储绘制目标内容数据的时所创建的数据等。此外，存储器52可以包括高速随机存取存储器52，还可以包括非易失性存储器52，例如至少一个磁盘存储器52件、闪存器件、或其他非易失性固态存储器52件。在一些实施例中，存储器52可选包括相对于处理器51远程设置的存储器52，这些远程存储器52可以通过网络连接至客户端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置53可接收输入的数字或字符信息，以及产生与客户端的用户设置以及功能控制有关的键信号输入。输入装置53可包括按压模组等设备。

所述一个或者多个模块存储在所述存储器52中，当被所述一个或者多个处理器51执行时，执行上述任意方法实施例中的绘制目标内容数据的方法。

上述产品可执行本申请实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请实施例所提供的方法。

本申请实施例的电子设备以多种形式存在，包括但不限于:

(1)移动通信设备:这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备:这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括:PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器:提供计算服务的设备，服务器的构成包括处理器71、硬盘、内存、***总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)其他具有数据交互功能的电子装置。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，所述计算机可读记录介质包括用于以计算机(例如计算机)可读的形式存储或传送信息的任何机制。例如，机器可读介质包括只读存储器(ROM)、随机存取存储器(RAM)、磁盘存储介质、光存储介质、闪速存储介质、电、光、声或其他形式的传播信号(例如，载波、红外信号、数字信号等)等，该计算机软件产品包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

本领域的技术人员应明白，本申请实施例的实施例可提供为方法、装置(设备)、或计算机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请实施例是参照根据本申请实施例的方法、装置(设备)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

最后应说明的是：以上实施例仅用以说明本申请实施例的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims

1.一种绘制目标内容数据的方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述绘制控件包括文字绘制控件或者图形绘制控件，对应的，所述目标内容数据为文字内容数据或者图形内容数据。

3.根据权利要求1所述的方法，其特征在于，通过动画组件设置预设条件，以根据所述预设条件更新所述控件属性包括：

通过动画组件定义浮动参数，并设置预设条件；

根据所述预设条件，更新计算所述浮动参数的值；

4.根据权利要求3所述的方法，其特征在于，所述将所述浮动参数的值赋予给所述控件属性，以更新所述控件属性的值包括：

5.根据权利要求1-4任一项所述的方法，其特征在于，通过动画组件设置预设条件包括以下至少之一：

6.根据权利要求1-4任一项所述的方法，其特征在于，当目标内容数据为文字内容数据且包括多个时，控制所述绘制控件根据其更新后的值绘制所述目标内容数据具体包括：控制所述绘制控件根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制。

7.根据权利要求6所述的方法，其特征在于，还包括：对多个文字内容数据进行区分设置，对应的，根据更新后的所述控件属性的值对多个文字内容数据进行单独绘制包括：

8.一种绘制目标内容数据的装置，其特征在于，包括：

9.一种存储介质，其特征在于，其上存储有计算机可执行指令，所述计算机可执行指令在被处理器处理时执行如下步骤：

10.一种电子设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。