[发明专利]基于UI的在线H5动画课件显示方法、装置、计算机设备

说明书

本申请涉及UI设计技术领域，特别涉及一种基于UI的在线H5动画课件显示方法、装置、计算机设备。所述方法包括：当用户在画布中添加组件时，在时间轴显示组件的入场时间点和离场时间点，并在组件的入场时间点的下方显示组件的标识；若用户在组件的入场时间点选择入场效果时，则在组件的入场时间点显示用户选择入场效果的入场效果标识；若用户在组件的离场时间点选择离场效果时，则在组件的离场时间点显示用户选择离场效果的离场效果标识。旨在解决现有的web在线H5动画课件制作，用户不能通过页面知道入动画的显示先后顺序，以及动画效果，导致在课件制作过程中增加用户操作难度的问题。

技术领域

本申请涉及UI设计技术领域，特别涉及一种基于UI的在线H5动画课件显示方法、装置、计算机设备。

背景技术

现有web在线H5动画课件制作，根据用户插入动画的先后顺序，在课件中进行先后显示，在同一页面中，如果插入较多的动画时，用户不能通过页面知道之前插入动画的显示先后顺序，以及动画效果，导致在课件制作过程，增加用户操作难度的问题。

发明内容

针对现有技术不足，本申请提出一种基于UI的在线H5动画课件显示方法、装置、计算机设备，旨在解决现有的web在线H5动画课件制作，用户不能通过页面知道入动画的显示先后顺序，以及动画效果，导致在课件制作过程中增加用户操作难度的问题。

本申请提出的技术方案是：

一种基于UI的在线H5动画课件显示方法，在线H5动画课件的当前页面配置一时间轴；所述方法包括：

当用户在画布中添加组件时，在所述时间轴显示所述组件的入场时间点和离场时间点，并在所述组件的入场时间点的下方显示所述组件的标识；

若所述用户在所述组件的入场时间点选择入场效果时，则在所述组件的入场时间点显示所述用户选择入场效果的入场效果标识；

若所述用户在所述组件的离场时间点选择离场效果时，则在所述组件的离场时间点显示所述用户选择离场效果的离场效果标识。

进一步地，在所述当用户在画布中添加组件时，在所述时间轴显示所述组件的入场时间点和离场时间点，并在所述组件的入场时间点的下方显示所述组件的标识的步骤中，包括：当用户在画布中添加第一组件时，在所述时间轴显示所述第一组件的入场时间点和离场时间点，并在所述第一组件的入场时间点的下方显示所述第一组件的标识；

当用户在画布中添加第二组件时，判断所述第二组件的入场时间点与所述第一组件的入场时间点是否相同；

若所述第二组件的入场时间点与所述第一组件的入场时间点相同，则将所述第一组件的标识更换显示为表示组件数量为两个的数量标识；若所述第二组件的入场时间点与所述第一组件的入场时间点不相同，则在所述时间轴显示所述第二组件的入场时间点和离场时间点，并在所述第二组件的入场时间点的下方显示所述第二组件的标识。

进一步地，在所述若所述第二组件的入场时间点与所述第一组件的入场时间点相同，则将所述第一组件的标识更换显示为表示组件数量为两个的数量标识的步骤之后，包括：

当用户将光标停留在所述数量标识上时，在所述数量标识的上方显示所述第一组件的标识、所述第二组件的标识；若用户点击所述第一组件的标识，则在所述时间轴显示所述第一组件的入场时间点和离场时间点；

若用户点击所述第二组件的标识，则在所述时间轴显示所述第二组件的入场时间点和离场时间点。

进一步地，在所述时间轴上配置活动时间点标识；所述当用户在画布中添加组件时，在所述时间轴显示所述组件的入场时间点和离场时间点，并在所述组件的入场时间点的下方显示所述组件的标识的步骤中，包括：

当用户在画布中添加组件时，识别所述活动时间点标识在所述时间轴的位置；