微魔方小程序

如何給微魔方組件設置動畫(huà)效果



網站微魔方自助建站平台目前支持以下(xià)組件設置動畫(huà)效果:文字組件、圖片組件、組圖組件、标題組件、按鈕組件、列表組件、容器組件、線條組件。其中組圖和(hé)列表組件可(kě)設置組件整體或者單個(gè)元素的(de)動畫(huà)效果。下(xià)面以組圖組件爲例介紹動畫(huà)效果的(de)設置。


拖動一個(gè)組圖組件至畫(huà)布,點擊組件,上方出現組件相關設置,如下(xià)圖:


QQ圖片20160518103343.png


點擊“動畫(huà)”按鈕,跳轉至動畫(huà)設置面闆,如下(xià)圖:


QQ圖片20160518103428.png


你也(yě)可(kě)以打開組件的(de)屬性面闆,通(tōng)過點擊右側邊欄的(de)動畫(huà)标簽切換至動畫(huà)設置面闆。進入動畫(huà)設置面闆,組件的(de)動畫(huà)效果默認爲關閉狀态,即不顯示動畫(huà)。點擊開啓動畫(huà)的(de)按鈕,您将看到如下(xià)圖所示的(de)動畫(huà)設置界面:


QQ圖片20160518103528.png


組件的(de)動畫(huà)效果分(fēn)爲三大(dà)類别:顯示效果、隐藏效果和(hé)強調效果。點擊任意一個(gè)動畫(huà)效果,設計器内的(de)組件将會立即演示該效果,您可(kě)以通(tōng)過點擊不同的(de)效果來(lái)預覽組件的(de)動畫(huà),最終選擇一個(gè)适合的(de)。您還(hái)可(kě)以通(tōng)過動畫(huà)設置面闆下(xià)方的(de)參數設置來(lái)調整動畫(huà)的(de)展現。整體:是指組件的(de)動畫(huà)是以整體或者單個(gè)元素的(de)形式展現(該設置目前隻有組圖和(hé)列表組件可(kě)以設置);延遲:組件的(de)動畫(huà)效果在頁面加載後,延遲設定的(de)時(shí)間後再展現,最多(duō)延遲10秒;持續:組件的(de)整個(gè)動畫(huà)效果展示完成所需的(de)時(shí)間,最多(duō)設置爲10秒;循環:組件的(de)動畫(huà)效果是否循環執行。