国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Fiori里花瓣的動畫效果實現原理

Drinkey / 1289人閱讀

摘要:另一種是下圖的個圓環不斷旋轉的效果。的實現位置動畫效果的渲染實現位置第行的方法從行的循環能看出在循環體內創建了個實際上就是動畫效果里的個花瓣。動畫效果顯示之后,什么時候消失使用將的關閉動作加入到執行隊列里。

Fiori里的busy dialog有兩種表現形式,一種是下圖里的花朵形狀,由5個不斷旋轉的花瓣組成。另一種是下圖的3/4個圓環不斷旋轉的效果。

關于前者的效果,可以看我制作的這個視頻。這個視頻是手動將下圖setTimeout的300毫秒延時改成30秒之后的效果,意思是30秒之后這個花瓣效果才消失。

1. 根據調試器里調用棧的觀察,每當url發生變化時,會觸發sap.ui.controller.doHashChange,該方法則會調用openLoadingScreen.這個方法里會創建BusyDialog的實例并調用open方法。Busy Dialog的實現位置: /sap/bc/ui5_ui5/ui2/ushell/resources/sap/m/BusyDialog.js

2. 動畫效果的渲染實現位置: /sap/bc/ui5_ui5/ui2/ushell/resources/sap/ui/core/Popup.js.

第52行的renderFioriFlower方法:

從97行的循環能看出在循環體內創建了5個div element,實際上就是UI Fiori動畫效果里的5個花瓣。

3.Fiori動畫效果顯示之后,什么時候消失?

使用setTimeout將LoadingDialog的關閉動作加入到執行隊列里。如果300毫秒之后(第188行的參數)執行隊列里沒有其他待執行的事件,則關閉該Dialog。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51874.html

相關文章

  • Fiori花瓣動畫效果實現原理

    摘要:另一種是下圖的個圓環不斷旋轉的效果。的實現位置動畫效果的渲染實現位置第行的方法從行的循環能看出在循環體內創建了個實際上就是動畫效果里的個花瓣。動畫效果顯示之后,什么時候消失使用將的關閉動作加入到執行隊列里。 Fiori里的busy dialog有兩種表現形式,一種是下圖里的花朵形狀,由5個不斷旋轉的花瓣組成。另一種是下圖的3/4個圓環不斷旋轉的效果。 showImg(https://s...

    Steven 評論0 收藏0
  • Fiori花瓣動畫效果實現原理

    摘要:另一種是下圖的個圓環不斷旋轉的效果。的實現位置動畫效果的渲染實現位置第行的方法從行的循環能看出在循環體內創建了個實際上就是動畫效果里的個花瓣。動畫效果顯示之后,什么時候消失使用將的關閉動作加入到執行隊列里。 Fiori里的busy dialog有兩種表現形式,一種是下圖里的花朵形狀,由5個不斷旋轉的花瓣組成。另一種是下圖的3/4個圓環不斷旋轉的效果。 showImg(https://s...

    CoorChice 評論0 收藏0
  • Fiori花瓣動畫效果實現原理

    摘要:另一種是下圖的個圓環不斷旋轉的效果。的實現位置動畫效果的渲染實現位置第行的方法從行的循環能看出在循環體內創建了個實際上就是動畫效果里的個花瓣。動畫效果顯示之后,什么時候消失使用將的關閉動作加入到執行隊列里。 Fiori里的busy dialog有兩種表現形式,一種是下圖里的花朵形狀,由5個不斷旋轉的花瓣組成。另一種是下圖的3/4個圓環不斷旋轉的效果。 showImg(https://s...

    zzir 評論0 收藏0
  • H5實例教學--ThreeJs 實現粒子動畫飄花效果

    摘要:我們還需要在粒子超出效果展示區域時,把粒子重新賦予一個初始位置這樣,飄花瓣的效果,就完成了代碼下載鏈接密碼 showImg(https://segmentfault.com/img/bVKwfR?w=329&h=565); 粒子動畫在ThreeJs可以用幾種方式實現本次樣例使用Sprite類來構建粒子 官方對Sprite類的解釋 Sprite A sprite is a plane t...

    Andrman 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<