CN113687894B - 一种针对动画条目的过渡处理方法、装置以及设备 - Google Patents

一种针对动画条目的过渡处理方法、装置以及设备 Download PDF

Info

Publication number
CN113687894B
CN113687894B CN202110928813.7A CN202110928813A CN113687894B CN 113687894 B CN113687894 B CN 113687894B CN 202110928813 A CN202110928813 A CN 202110928813A CN 113687894 B CN113687894 B CN 113687894B
Authority
CN
China
Prior art keywords
animation
display state
transition
external container
item
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.)
Active
Application number
CN202110928813.7A
Other languages
English (en)
Other versions
CN113687894A (zh
Inventor
蒋吉麟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alipay Hangzhou Information Technology Co Ltd
Original Assignee
Alipay Hangzhou Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alipay Hangzhou Information Technology Co Ltd filed Critical Alipay Hangzhou Information Technology Co Ltd
Priority to CN202110928813.7A priority Critical patent/CN113687894B/zh
Publication of CN113687894A publication Critical patent/CN113687894A/zh
Application granted granted Critical
Publication of CN113687894B publication Critical patent/CN113687894B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566URL specific, e.g. using aliases, detecting broken or misspelled links
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本说明书实施例公开了一种针对动画条目的过渡处理方法、装置以及设备。方案包括:确定用于显示动画条目的外部容器,以及外部容器内的目标显示状态;将外部容器内的当前显示状态与目标显示状态进行比对,得到比对结果;根据比对结果所反映的显示状态变化类型,判定由当前显示状态变化至目标显示状态的过程中,是否将外部容器内的动画条目过渡进行锁定,得到判定的结果;根据判定的结果,选择通过执行外部容器过渡和/或动画条目过渡,完成变化的过程。

Description

一种针对动画条目的过渡处理方法、装置以及设备
技术领域
本说明书涉及互联网技术领域,尤其涉及一种针对动画条目的过渡处理方法、装置以及设备。
背景技术
在人机交互过程中,用户界面(User Interface)通常会采用动画效果来表示人机交互的过程。基于预定的代码逻辑以及用户的特定操作,用户界面中会随之呈现对应的动画。其中,一个具体的动画可称为动画条目,一个用户界面中可能同时展示多个动画条目。
在现有技术中,随着用户操作的变化,直接渲染出接下来展示的动画条目,将之前内容进行替换,以实现动画条目的变化效果。
基于此,需要使动画条目的变化更加自然、流畅的方案。
发明内容
本说明书一个或多个实施例提供一种针对动画条目的过渡处理方法、装置、设备以及存储介质,用以解决如下技术问题:需要使动画条目的变化更加自然、流畅的方案。
为解决上述技术问题,本说明书一个或多个实施例是这样实现的:
本说明书一个或多个实施例提供的一种针对动画条目的过渡处理方法,包括:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
本说明书一个或多个实施例提供的一种针对动画条目的过渡处理装置,包括:
确定模块,确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
比对模块,将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
判定模块,根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
选择模块,根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
本说明书一个或多个实施例提供的一种针对动画条目的过渡处理设备,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
本说明书一个或多个实施例提供的一种非易失性计算机存储介质,存储有计算机可执行指令,所述计算机可执行指令设置为:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
本说明书一个或多个实施例采用的上述至少一个技术方案能够达到以下有益效果:
通过比对外部容器内的当前显示状态和目标显示状态,确定对应的显示状态变化类型,据此从动画条目的两种过渡方式动画条目过渡和外部容器过渡中,进行选择组合,确定采用外部容器过渡和/或动画条目过渡对动画条目进行过渡处理。这样更加灵活方便,且能够针对性的根据动画条目变化的类型特点,通过组合的方式,选用适合的过渡方案,实现动画条目的变化,以尽可能使用户界面中动画条目的变化过渡更加顺畅、自然、平滑,提升用户的视觉体验。
附图说明
为了更清楚地说明本说明书实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本说明书一个或多个实施例提供的一种针对动画条目的过渡处理方法的流程示意图;
图2(a)~图2(d)为本说明书一个或多个实施例提供的,一种应用场景下的动画条目显示状态变化示意图;
图3为本说明书一个或多个实施例提供的一种应用场景下,图1中方法的一种详细流程示意图;
图4为本说明书一个或多个实施例提供的一种针对动画条目的过渡处理装置的结构示意图;
图5为本说明书一个或多个实施例提供的一种针对动画条目的过渡处理设备的结构示意图。
具体实施方式
本说明书实施例提供一种针对动画条目的过渡处理方法、装置、设备以及存储介质。
为了使本技术领域的人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本说明书实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
在本说明书一个或多个实施例中,为动画条目的变化过渡设计了动画条目过渡和外部容器过渡这两种方式的配合方案,对于不同的动画条目变化情况适用性较好。在应用过程中,通过动画条目的当前显示状态和目标显示状态之间的对比,判断采用动画条目过渡和/或外部容器过渡的方式,实现动画条目的显示状态的变化,以使用户界面中动画效果的变化更加顺畅自然,提升用户的视觉体验。下面基于这样的思路,具体进行说明。
图1为本说明书一个或多个实施例提供的一种针对动画条目的过渡处理方法的流程示意图。该方法可以应用于不同的业务领域,比如,互联网金融业务领域、电商业务领域、即时通讯业务领域、游戏业务领域、公务业务领域等。该流程可以由相应领域的计算设备执行,流程中的某些输入参数或者中间结果允许人工干预调节,以帮助提高准确性。
图1中的流程可以包括以下步骤:
S102:确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态。
在本说明书一个或多个实施例中,用户界面的代码逻辑层面设计有容器(称之为外部容器,以便于于容器内部的内容进行区分)。外部容器用于通过可变化区域来容纳并显示动画条目,其可通过自身的参数(比如,容器高度、容器宽度等)的设置来限制动画条目的大小的边界。在用户界面中,外部容器本身可以不直接向用户显示,只要使得用户能够观察到外部容器内的动画条目的变化即可。
在人机交互过程中,用户在用户界面中的特定操作对应有相应的动画条目的变化。用户界面中可显示的动画条目包含多个。外部容器可容纳多个动画条目,支持多个动画条目在其中的出现、消失等变化,以实现一个动画条目、同时对多个动画条目或没有动画条目的显示状态。
外部容器内的当前显示状态表示当前显示在用户界面中的外部容器内的状态,包括没有动画条目、一个动画条目、多个动画条目等。外部容器内的目标显示状态表示基于用户的操作所需要变化成的外部容器内的目标状态。
图2(a)~图2(d)为本说明书一个或多个实施例提供的,一种应用场景下的动画条目显示状态变化示意图。
如图2(a)所示,按照图中的提示语“请输入URL地址”,用户需要在输入框中输入URL地址,以通过下方的“提交”按钮进行提交。根据预定条件,输入框中输入的URL地址需要不少于6个字符,且为有效地址。在用户输入的过程中,用户界面会对用户输入的字符进行检测,确定用户输入的字符是否符合预定条件。若否,则用户界面可通过动画条目的形式对用户进行提示,以促使用户输入正确的URL地址。
如图2(b)所示,用户在向输入框中进行输入“222”的过程中,由于已输入的字符少于6个,且不是有效的URL地址。因此,输入框下方出现“URL最少6个字符”、“URL不是一个有效的URL”两个动画条条目,对用户进行提示。
如图2(c)所示,用户输入“2222222”时,满足URL最少6个字符的预定条件,不满足有效的URL的预定条件,则“URL最少6个字符”对应的动画条目在用户界面中消失,“URL不是一个有效的URL”对应的动画条目仍存在。
如图2(d)所示,用户通过点击“填充”按钮,可向输入框中输入符合预定条件的URL地址,比如https://taobao.com/,该URL地址符合预定条件,则用于提示用户输入不合规的动画条目均消失。
在图2(a)~图2(d)中,包含“URL最少6个字符”、“URL不是一个有效的URL”在内的动画条目均显示于外部容器中。
S104:将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果。
外部容器内的当前显示状态、目标显示状态可通过用户界面中显示的动画条目表示,也可通过代码逻辑层对动画条目的显示状态的标记来表示。外部容器内的显示状态从当前显示状态变化为目标显示状态时,其中的动画条目对应地发生变化。通过比对其变化情况,得到比对结果,可用于后续判断如何对动画条目的变化过渡进行处理。
具体地,外部容器内的当前显示状态到目标显示状态的变化情况包括:从没有动画条目变化为有动画条目,从有动画条目变化到没有动画条目,动画条目的数量从多变少或从少变多,动画条目的数量不变但内容发生变化,等等。
S106:根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果。
在本说明书一个或多个实施例中,要从外部容器内的当前显示状态变化为目标显示状态,提供了两种过渡方式:动画条目过渡、外部容器过渡。动画条目过渡表示通过动画条目本身在消失或出现时产生的动画效果进行过渡,比如放大缩小等,外部容器过渡表示通过对外部容器的尺寸参数进行调整而过渡。其中,这两种过渡方式相互并不排斥,可分别独立使用,也可同时使用。
为了使对动画条目的过渡处理更加自然流畅,可根据外部容器内的当前显示状态到目标显示状态的变化情况,设置不同的显示状态变化类型,并将不同变化情况分别划分至相应的显示状态变化类型中。
针对不同的显示状态变化类型,可通过对上述两种过渡方式的选择和/或组合,采用不同的过渡方案对动画条目进行过渡处理。具体地,可根据比对结果反映出的显示状态变化类型,判定是否对动画条目过渡这一过渡方式进行锁定,以此来确定后续需要采用的过渡方案。其中,对某过渡方式进行锁定表示对该过渡方式的限制,即后续禁止采用该种过渡方式对动画条目进行过渡处理。
S108:根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
通过已经确定的对动画条目过渡方式的锁定或不锁定,并确定具体的过渡方案,可选择通过执行外部容器过渡和/或动画条目过渡,完成动画条目的变化过程,以实现外部容器内的目标显示状态。
在本说明书一个或多个实施例中,通过比对外部容器内的当前显示状态和目标显示状态,确定对应的显示状态变化类型,据此从动画条目的两种过渡方式动画条目过渡和外部容器过渡中,进行选择组合,确定采用外部容器过渡和/或动画条目过渡对动画条目进行过渡处理。这样更加灵活方便,且能够针对性的根据动画条目变化的类型特点,通过组合的方式,选用适合的过渡方案,实现动画条目的变化,以尽可能使用户界面中动画条目的变化过渡更加顺畅、自然、平滑,提升用户的视觉体验。
基于图1的方法,本说明书还提供了该方法的一些具体实施方案和扩展方案,下面继续进行说明。
在本说明书一个或多个实施例中,在用户对用户界面进行操作的过程中,服务器需要持续检测用户输入数据的变化情况,并基于检测到的变化情况,准备在外部容器内以相应的动画条目显示变化对用户进行提示。比如,图2(b)在变化至图2(c)的过程中,当用户已经输入5个字符后,若其再输入1个字符,则符合预定条件,即输入框下外部容器内显示的动画条目就需要发生变化,“URL最少6个字符”会消失。
具体地,若根据检测到的变化情况确定需要触发动画条目显示变化,则生成反映外部容器内的目标显示状态的第一实例列表。第一实例列表用于通过动画条目的显示状态来表示外部容器内的目标显示状态,其具体可表现为不同形式,能够表示动画条目的不同显示状态即可。
比如,第一实例列表中仅包括显示在外部容器内的动画条目,不包括未显示的动画条目;或者,第一实例列表中包括所有动画条目,各动画条目分别对应相应的标签,以标识该动画条目当前是否显示于外部容器内;等等。
进一步地,在将外部容器内的当前显示状态与目标显示状态进行比对时,可获取反映外部容器内的当前显示状态的第二实例列表。将第一实例列表与第二实例列表进行比较,记录列表中新增的实例和/或被删除的实例,具体比如通过diff命令进行比对,如此对于新增的实例和被删除的实例的记录更为直观,有助于提高处理效率。其中,第一实例列表、第二实例列表用于记录动画条目对应的实例。新增的实例表示当前未显示,但需要显示的动画条目,删除的实例表示当前正在显示,但需要不再显示的动画条目。通过比对第一实例列表和第二实例列表,能够明确各动画条目的变化情况,便于确定后续对各动画条目执行的处理。
在本说明书一个或多个实施例中,可根据外部容器内的显示状态的变化程度,确定设置的显示状态变化类型包括:从无到有,从有到无,动画条目间变化。
“从无到有”表示外部容器的当前显示状态中没有显示的动画条目,目标显示状态中存在显示的动画条目,即显示的动画条目的数量从0增加了。“从有到无”表示外部容器的当前显示状态中存在显示的动画条目,目标显示状态中没有显示的动画条目,即显示的动画条目的数量减少至0。“动画条目间变化”表示外部容器内一直存在显示的动画条目,但显示的动画条目的数量或内容发生了变化,比如从1条变化为2条,从动画条目A和B变化为动画条目B和C等。
在动画条目的变化过程中,“从无到有”、“从有到无”两个显示状态变化类型的变化较为明显,给用户造成的视觉冲击较大,且在“有”和“无”的变化之间,外部容器过渡和动画条目过渡两种过渡方式在视觉上达成的动画效果存在一定的重合。因此,若比对结果所反映的显示状态变化类型为从无到有或者从有到无,可判定由当前显示状态变化至目标显示状态的过程中,将外部容器内的动画条目过渡这一过渡方式进行锁定,仅采用外部容器过渡这一过渡方式进行过渡处理。
相对地,在动画条目的变化过程中,“动画条目间变化”这一显示状态变化类型的变化较小,给用户造成的视觉冲击较小,则为了尽可能保持动画条目的平缓过渡,若比对结果所反映的显示状态变化类型为动画条目间变化,可判定由当前显示状态变化至目标显示状态的过程中,不将外部容器内的动画条目过渡进行锁定。
在动画条目变化的过程中,根据外部容器内的显示状态变化类型,分别采用对应的过渡方案,对动画条目进行过渡处理,更加灵活方便,而且能够针对性的对动画条目的变化进行处理,使其更加平滑顺畅,提升用户的视觉体验。
进一步地,根据显示状态变化类型,判定是否需要锁定动画条目过渡的过渡方式后,若判定的结果为是,则执行锁定,对动画条目过渡的过渡方式进行限制,并仅通过执行外部容器过渡的过渡方式,对动画条目的变化进行处理,以完成变化的过程。在这种情况下,根据第一实例列表中添加或删除的实例的数量,确定外部容器的对应尺寸,按照该尺寸对外部容器的当前尺寸进行调整,即可实现动画条目的变化。其中,外部容器内不存在显示的动画条目时,其尺寸可设置为0。若判定的结果为否,则通过至少执行动画条目过渡的过渡方案,对动画条目的变化进行处理,完成变化的过程。通过不同的显示状态变化类型,锁定或不锁定动画条目过渡,确定差异化的过渡方案,更加灵活,便于实现自然的过渡处理。
更进一步地,在不锁定动画条目过渡的情况下,可通过将外部容器的尺寸锁定(即固定)为预定尺寸,再执行动画条目过渡而不执行外部容器过渡,完成变化的过程。在这种情况下,在当前显示的动画条目消失时,容纳该动画条目的容器空间暂时会保持住而随之收缩消失,然后,所要显示的目标动画条目将会出现占据该容器空间,这样的效果对于用户而言视觉上更加平滑,用户界面上的变化不那么剧烈,尤其是若过程中需要同时显示多个动画条目的情况下,有助于防止界面中产生混乱抖动的视觉效果。
需要锁定的外部容器的尺寸可以是长度,也可以是高度,具体根据外部容器内动画条目的排列方式确定。若动画条目如图2(b)按照纵向排列,则根据动画条目的变化,锁定外部容器的高度,使该高度能够容纳变化后的动画条目的高度之和,若动画条目按照横向排列,则锁定外部容器的长度,使该长度能够容纳变化后的动画条目的长度之和。
外部容器锁定的预定尺寸需要能够容纳目标显示状态中包含的动画条目的相应尺寸,甚至,该预定尺寸可完全根据目标显示状态中包含的动画条目的相应尺寸确定,使其成为刚好能够容纳其中的动画条目的最小尺寸。
比如,1条动画条目变化为3条动画条目,则可将外部容器的尺寸锁定为3条动画条目对应的尺寸,再进行动画条目过渡;2条动画条目变化为内容不同的2条动画条目,则可保持外部容器的尺寸不变,再进行动画条目过渡;等等。
由于动画条目间变化这一显示状态变化类型的变化较小,则通过锁定外部容器的预定尺寸的方式,维持外部容器在用户界面上的显示区域,使用户从视觉上感受到的动画条目的变化效果更加自然,提升用户的视觉体验。
在本说明书一个或多个实施例中,在执行外部容器过渡时,可根据外部容器内显示动画条目时的预定布局方式,确定外部容器的待设置尺寸参数。若比对结果所反映的显示状态变化类型为从无到有,则将待设置尺寸参数直接设置为足以容纳动画条目数量的值,和/或,若比对结果所反映的显示状态变化类型为从有到无,则将待设置尺寸参数直接设置为最小值。预定布局方式表示外部容器内动画条目按照横向或纵向的排列方式,预定布局方式为纵向时,待设置尺寸参数为高度,预定布局方式为横向时,待设置尺寸参数为长度。外部容器的尺寸参数的最小值一般默认为0。在执行外部容器过渡时,直接将外部容器的尺寸参数设置为目标显示状态所需的尺寸参数(或者预定的尺寸参数),便于动画条目实现一步到位的变化。
进一步地,采用动画条目过渡的方式对动画条目进行处理时,包括以分别放缩每个动画条目的方式进行过渡。而将外部容器内的动画条目过渡进行锁定的情况下,禁止外部容器内的动画条目放缩动作执行,在禁止的期间,通过直接整体渲染的方式使动画条目显示或者消失。另外,除放缩的方式外,还可采用飞入飞出、淡入淡出等方式进行动画条目过渡。
结合前面的说明,本说明书一个或多个实施例提供了一种应用场景下,图1中方法的一种详细流程示意图,该流程中使用了前面一些可选的方案,该流程如图3所示。
在图3的流程中,获取外部容器内的当前显示状态对应的第二实例列表,以及目标显示状态对应的第一实例列表。比对第一实例列表和第二实例列表,判断动画条目的变化属于哪一显示状态变化类型。若为从无到有,则锁定动画条目过渡,执行外部容器过渡,实现变化的过程。若为从有到无,则锁定动画条目过渡,执行外部容器过渡,实现变化的过程。若为其他,则执行动画条目过渡,实现变化的过程。
基于同样的思路,本说明书一个或多个实施例还提供了上述方法对应的装置和设备,如图4、图5所示。
图4为本说明书一个或多个实施例提供的一种针对动画条目的过渡处理装置的结构示意图,所述装置包括:
确定模块402,确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
比对模块404,将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
判定模块406,根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
选择模块408,根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
可选地,所述确定模块402,持续检测用户输入数据的变化情况,并准备在所述外部容器内以相应的动画条目显示变化对所述用户进行提示;若根据所述变化情况确定需要触发所述动画条目显示变化,则生成反映所述外部容器内的目标显示状态的第一实例列表;
所述比对模块404,获取反映所述外部容器内的当前显示状态的第二实例列表;将所述第一实例列表与所述第二实例列表进行比较,记录新增的实例和/或被删除的实例,所述第一实例列表、第二实例列表用于记录动画条目对应的实例。
可选地,所述判定模块406,若所述比对结果所反映的显示状态变化类型为从无到有或者从有到无,则判定由所述当前显示状态变化至所述目标显示状态的过程中,将所述外部容器内的动画条目过渡进行锁定;若所述比对结果所反映的显示状态变化类型为动画条目间变化,则判定由所述当前显示状态变化至所述目标显示状态的过程中,不将所述外部容器内的动画条目过渡进行锁定。
可选地,所述选择模块408,若所述判定的结果为是,则执行所述锁定,并通过执行外部容器过渡,完成所述变化的过程;否则,通过至少执行所述动画条目过渡,完成所述变化的过程。
可选地,所述选择模块408,通过将所述外部容器的尺寸锁定为预定尺寸,再执行所述动画条目过渡而不执行外部容器过渡,完成所述变化的过程。
可选地,所述选择模块408,根据所述外部容器内显示动画条目时的预定布局方式,确定所述外部容器的待设置尺寸参数;若所述比对结果所反映的显示状态变化类型为从无到有,则将所述待设置尺寸参数直接设置为足以容纳所述动画条目数量的值,和/或,若所述比对结果所反映的显示状态变化类型为从有到无,则将所述待设置尺寸参数直接设置为最小值。
可选地,所述动画条目过渡包括以分别放缩每个动画条目的方式进行过渡;所述判定模块406,禁止所述外部容器内的动画条目放缩动作执行,在所述禁止的期间,通过直接整体渲染的方式使动画条目显示或者消失。
可选地,所述外部容器支持同时显示多个动画条目。
图5为本说明书一个或多个实施例提供的一种针对动画条目的过渡处理设备的结构示意图,所述设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
基于同样的思路,本说明书一个或多个实施例还提供了对应于上述方法的一种非易失性计算机存储介质,存储有计算机可执行指令,所述计算机可执行指令设置为:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本说明书实施例可提供为方法、系统、或计算机程序产品。因此,本说明书实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、设备、非易失性计算机存储介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
以上所述仅为本说明书的一个或多个实施例而已,并不用于限制本说明书。对于本领域技术人员来说,本说明书的一个或多个实施例可以有各种更改和变化。凡在本说明书的一个或多个实施例的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本说明书的权利要求范围之内。

Claims (13)

1.一种针对动画条目的过渡处理方法,包括:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果,具体包括:若所述比对结果所反映的显示状态变化类型为从无到有或者从有到无,则判定由所述当前显示状态变化至所述目标显示状态的过程中,将所述外部容器内的动画条目过渡进行锁定,若所述比对结果所反映的显示状态变化类型为动画条目间变化,则判定由所述当前显示状态变化至所述目标显示状态的过程中,不将所述外部容器内的动画条目过渡进行锁定;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程,外部容器过渡表示通过对外部容器的尺寸参数进行调整而过渡;
所述动画条目过渡包括以分别放缩每个动画条目的方式进行过渡;
所述将所述外部容器内的动画条目过渡进行锁定,具体包括:
禁止所述外部容器内的动画条目放缩动作执行,在所述禁止的期间,通过直接整体渲染的方式使动画条目显示或者消失。
2.如权利要求1所述的方法,所述确定所述外部容器内的目标显示状态,具体包括:
持续检测用户输入数据的变化情况,并准备在所述外部容器内以相应的动画条目显示变化对所述用户进行提示;
若根据所述变化情况确定需要触发所述动画条目显示变化,则生成反映所述外部容器内的目标显示状态的第一实例列表;
所述将所述外部容器内的当前显示状态与所述目标显示状态进行比对,具体包括:
获取反映所述外部容器内的当前显示状态的第二实例列表;
将所述第一实例列表与所述第二实例列表进行比较,记录新增的实例和/或被删除的实例,所述第一实例列表、第二实例列表用于记录动画条目对应的实例。
3.如权利要求1所述的方法,所述根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程,具体包括:
若所述判定的结果为是,则执行所述锁定,并通过执行外部容器过渡,完成所述变化的过程;
否则,通过至少执行所述动画条目过渡,完成所述变化的过程。
4.如权利要求3所述的方法,所述通过至少执行所述动画条目过渡,完成所述变化的过程,具体包括:
通过将所述外部容器的尺寸锁定为预定尺寸,再执行所述动画条目过渡而不执行外部容器过渡,完成所述变化的过程。
5.如权利要求3所述的方法,所述执行外部容器过渡,具体包括:
根据所述外部容器内显示动画条目时的预定布局方式,确定所述外部容器的待设置尺寸参数;
若所述比对结果所反映的显示状态变化类型为从无到有,则将所述待设置尺寸参数直接设置为足以容纳所述动画条目数量的值,和/或,若所述比对结果所反映的显示状态变化类型为从有到无,则将所述待设置尺寸参数直接设置为最小值。
6.如权利要求1~5任一项所述的方法,所述外部容器支持同时显示多个动画条目。
7.一种针对动画条目的过渡处理装置,包括:
确定模块,确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
比对模块,将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
判定模块,根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果,具体包括:若所述比对结果所反映的显示状态变化类型为从无到有或者从有到无,则判定由所述当前显示状态变化至所述目标显示状态的过程中,将所述外部容器内的动画条目过渡进行锁定,若所述比对结果所反映的显示状态变化类型为动画条目间变化,则判定由所述当前显示状态变化至所述目标显示状态的过程中,不将所述外部容器内的动画条目过渡进行锁定;
选择模块,根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程,外部容器过渡表示通过对外部容器的尺寸参数进行调整而过渡;
所述动画条目过渡包括以分别放缩每个动画条目的方式进行过渡;
所述判定模块,禁止所述外部容器内的动画条目放缩动作执行,在所述禁止的期间,通过直接整体渲染的方式使动画条目显示或者消失。
8.如权利要求7所述的装置,所述确定模块,持续检测用户输入数据的变化情况,并准备在所述外部容器内以相应的动画条目显示变化对所述用户进行提示;
若根据所述变化情况确定需要触发所述动画条目显示变化,则生成反映所述外部容器内的目标显示状态的第一实例列表;
所述比对模块,获取反映所述外部容器内的当前显示状态的第二实例列表;
将所述第一实例列表与所述第二实例列表进行比较,记录新增的实例和/或被删除的实例,所述第一实例列表、第二实例列表用于记录动画条目对应的实例。
9.如权利要求7所述的装置,所述选择模块,若所述判定的结果为是,则执行所述锁定,并通过执行外部容器过渡,完成所述变化的过程;
否则,通过至少执行所述动画条目过渡,完成所述变化的过程。
10.如权利要求9所述的装置,所述选择模块,通过将所述外部容器的尺寸锁定为预定尺寸,再执行所述动画条目过渡而不执行外部容器过渡,完成所述变化的过程。
11.如权利要求9所述的装置,所述选择模块,根据所述外部容器内显示动画条目时的预定布局方式,确定所述外部容器的待设置尺寸参数;
若所述比对结果所反映的显示状态变化类型为从无到有,则将所述待设置尺寸参数直接设置为足以容纳所述动画条目数量的值,和/或,若所述比对结果所反映的显示状态变化类型为从有到无,则将所述待设置尺寸参数直接设置为最小值。
12.如权利要求7~11任一项所述的装置,所述外部容器支持同时显示多个动画条目。
13.一种针对动画条目的过渡处理设备,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
确定用于显示动画条目的外部容器,以及所述外部容器内的目标显示状态;
将所述外部容器内的当前显示状态与所述目标显示状态进行比对,得到比对结果;
根据所述比对结果所反映的显示状态变化类型,判定由所述当前显示状态变化至所述目标显示状态的过程中,是否将所述外部容器内的动画条目过渡进行锁定,得到所述判定的结果,具体包括:若所述比对结果所反映的显示状态变化类型为从无到有或者从有到无,则判定由所述当前显示状态变化至所述目标显示状态的过程中,将所述外部容器内的动画条目过渡进行锁定,若所述比对结果所反映的显示状态变化类型为动画条目间变化,则判定由所述当前显示状态变化至所述目标显示状态的过程中,不将所述外部容器内的动画条目过渡进行锁;
根据所述判定的结果,选择通过执行外部容器过渡和/或所述动画条目过渡,完成所述变化的过程,外部容器过渡表示通过对外部容器的尺寸参数进行调整而过渡;
所述动画条目过渡包括以分别放缩每个动画条目的方式进行过渡;
所述将所述外部容器内的动画条目过渡进行锁定,具体包括:
禁止所述外部容器内的动画条目放缩动作执行,在所述禁止的期间,通过直接整体渲染的方式使动画条目显示或者消失。
CN202110928813.7A 2021-08-13 2021-08-13 一种针对动画条目的过渡处理方法、装置以及设备 Active CN113687894B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110928813.7A CN113687894B (zh) 2021-08-13 2021-08-13 一种针对动画条目的过渡处理方法、装置以及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110928813.7A CN113687894B (zh) 2021-08-13 2021-08-13 一种针对动画条目的过渡处理方法、装置以及设备

Publications (2)

Publication Number Publication Date
CN113687894A CN113687894A (zh) 2021-11-23
CN113687894B true CN113687894B (zh) 2024-02-09

Family

ID=78579698

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110928813.7A Active CN113687894B (zh) 2021-08-13 2021-08-13 一种针对动画条目的过渡处理方法、装置以及设备

Country Status (1)

Country Link
CN (1) CN113687894B (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107430477A (zh) * 2015-03-27 2017-12-01 谷歌公司 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术
CN109298817A (zh) * 2018-09-05 2019-02-01 武汉斗鱼网络科技有限公司 条目显示方法、装置、终端及存储介质
CN109636884A (zh) * 2018-10-25 2019-04-16 阿里巴巴集团控股有限公司 动画处理方法、装置及设备
CN110851217A (zh) * 2019-10-21 2020-02-28 上海易点时空网络有限公司 条目展示方法、装置及电子设备
CN111862272A (zh) * 2019-04-30 2020-10-30 北京达佳互联信息技术有限公司 动画状态机创建方法、动画控制方法、装置、设备及介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080303827A1 (en) * 2007-06-11 2008-12-11 Adobe Systems Incorporated Methods and Systems for Animating Displayed Representations of Data Items
US20100235769A1 (en) * 2009-03-16 2010-09-16 Microsoft Corporation Smooth layout animation of continuous and non-continuous properties
US20120229514A1 (en) * 2011-03-10 2012-09-13 Microsoft Corporation Transitioning presence indication through animation

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107430477A (zh) * 2015-03-27 2017-12-01 谷歌公司 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术
CN109298817A (zh) * 2018-09-05 2019-02-01 武汉斗鱼网络科技有限公司 条目显示方法、装置、终端及存储介质
CN109636884A (zh) * 2018-10-25 2019-04-16 阿里巴巴集团控股有限公司 动画处理方法、装置及设备
CN111862272A (zh) * 2019-04-30 2020-10-30 北京达佳互联信息技术有限公司 动画状态机创建方法、动画控制方法、装置、设备及介质
CN110851217A (zh) * 2019-10-21 2020-02-28 上海易点时空网络有限公司 条目展示方法、装置及电子设备

Also Published As

Publication number Publication date
CN113687894A (zh) 2021-11-23

Similar Documents

Publication Publication Date Title
US20120192105A1 (en) Dynamic level of detail
CN110941784A (zh) 一种页面生成的方法及装置
US8245147B2 (en) System and method for reordering a user interface
CN106484080B (zh) 一种显示界面的展示方法、装置及设备
CN103577030A (zh) 浏览器窗口界面展现方法及系统
CN112559935A (zh) 一种创建页面的方法及装置
CN110806847A (zh) 一种分布式多屏幕显示方法、装置、设备及系统
CN103324734A (zh) 一种电子设备上网页缩放的方法和装置
US11790344B2 (en) Method and apparatus for displaying identification code of application
CN110262749A (zh) 一种网页操作方法、装置、容器、设备及介质
CN113687894B (zh) 一种针对动画条目的过渡处理方法、装置以及设备
CN112000329B (zh) 一种数据展示方法、装置、设备及介质
CN116521039B (zh) 被覆盖视图的移动方法、装置、电子设备及可读存储介质
CN112528614A (zh) 一种表格编辑方法、装置和电子设备
CN112328347A (zh) 应用规则配置方法、装置和页面处理方法
CN109819329B (zh) 一种窗口显示方法及智能电视
CN116719591A (zh) 股权图谱的展示方法、装置、存储系统和电子设备
CN116302230A (zh) 一种页面展示方法、装置及设备
CN112861042B (zh) 一种信息显示方法、装置、设备和可读介质
US10489499B2 (en) Document editing system with design editing panel that mirrors updates to document under creation
CN111104039A (zh) 一种电子书页面内容数据显示方法、装置和设备
CN113407029B (zh) 一种页面对象状态信息确定方法、装置、设备和可读介质
CN114520770B (zh) 一种网络设备的拓扑图生成方法、装置、设备及介质
CN116700869A (zh) IoT设备的页面处理方法及装置
CN116975485A (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
GR01 Patent grant
GR01 Patent grant