本申請涉及UI設計技術領域，特別涉及一種基于UI的在線H5動畫課件顯示方法、裝置、計算機設備。所述方法包括：當用戶在畫布中添加組件時，在時間軸顯示組件的入場時間點和離場時間點，并在組件的入場時間點的下方顯示組件的標識；若用戶在組件的入場時間點選擇入場效果時，則在組件的入場時間點顯示用戶選擇入場效果的入場效果標識；若用戶在組件的離場時間點選擇離場效果時，則在組件的離場時間點顯示用戶選擇離場效果的離場效果標識。旨在解決現有的web在線H5動畫課件制作，用戶不能通過頁面知道入動畫的顯示先后順序，以及動畫效果，導致在課件制作過程中增加用戶操作難度的問題。

技術領域

本申請涉及UI設計技術領域，特別涉及一種基于UI的在線H5動畫課件顯示方法、裝置、計算機設備。

背景技術

現有web在線H5動畫課件制作，根據用戶插入動畫的先后順序，在課件中進行先后顯示，在同一頁面中，如果插入較多的動畫時，用戶不能通過頁面知道之前插入動畫的顯示先后順序，以及動畫效果，導致在課件制作過程，增加用戶操作難度的問題。

發明內容

針對現有技術不足，本申請提出一種基于UI的在線H5動畫課件顯示方法、裝置、計算機設備，旨在解決現有的web在線H5動畫課件制作，用戶不能通過頁面知道入動畫的顯示先后順序，以及動畫效果，導致在課件制作過程中增加用戶操作難度的問題。

本申請提出的技術方案是：

一種基于UI的在線H5動畫課件顯示方法，在線H5動畫課件的當前頁面配置一時間軸；所述方法包括：

當用戶在畫布中添加組件時，在所述時間軸顯示所述組件的入場時間點和離場時間點，并在所述組件的入場時間點的下方顯示所述組件的標識；

若所述用戶在所述組件的入場時間點選擇入場效果時，則在所述組件的入場時間點顯示所述用戶選擇入場效果的入場效果標識；

若所述用戶在所述組件的離場時間點選擇離場效果時，則在所述組件的離場時間點顯示所述用戶選擇離場效果的離場效果標識。

進一步地，在所述當用戶在畫布中添加組件時，在所述時間軸顯示所述組件的入場時間點和離場時間點，并在所述組件的入場時間點的下方顯示所述組件的標識的步驟中，包括：當用戶在畫布中添加第一組件時，在所述時間軸顯示所述第一組件的入場時間點和離場時間點，并在所述第一組件的入場時間點的下方顯示所述第一組件的標識；

當用戶在畫布中添加第二組件時，判斷所述第二組件的入場時間點與所述第一組件的入場時間點是否相同；

若所述第二組件的入場時間點與所述第一組件的入場時間點相同，則將所述第一組件的標識更換顯示為表示組件數量為兩個的數量標識；若所述第二組件的入場時間點與所述第一組件的入場時間點不相同，則在所述時間軸顯示所述第二組件的入場時間點和離場時間點，并在所述第二組件的入場時間點的下方顯示所述第二組件的標識。

進一步地，在所述若所述第二組件的入場時間點與所述第一組件的入場時間點相同，則將所述第一組件的標識更換顯示為表示組件數量為兩個的數量標識的步驟之后，包括：

當用戶將光標停留在所述數量標識上時，在所述數量標識的上方顯示所述第一組件的標識、所述第二組件的標識；若用戶點擊所述第一組件的標識，則在所述時間軸顯示所述第一組件的入場時間點和離場時間點；

若用戶點擊所述第二組件的標識，則在所述時間軸顯示所述第二組件的入場時間點和離場時間點。

進一步地，在所述時間軸上配置活動時間點標識；所述當用戶在畫布中添加組件時，在所述時間軸顯示所述組件的入場時間點和離場時間點，并在所述組件的入場時間點的下方顯示所述組件的標識的步驟中，包括：

當用戶在畫布中添加組件時，識別所述活動時間點標識在所述時間軸的位置；