輪播器 Slideshow | Bricks Dag, Inc. Help Center

Slideshow 元件用於提供使用者將照片、影片及串流影片以 Slide 輪播的形式在顯示裝置上呈現。

Slideshow 基本輪播模式，包含照片及影片

Frame 基本屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Frame 區塊解說

文字輸入框元件的 Properties 基本屬性繼承方塊元件，詳細可參考方塊元件 Properties 區塊解說。

其他屬性解說如下：

屬性名稱	屬性形態	說明
Count Down	毫秒	設定每張 Slide 的顯示時間，預設為 2 秒。
Paths	字串陣列	設定每張 Slide 的檔案，可指定為 photo, video, video streaming 其中一種 mediaType 並指定媒體的檔案路徑。以下列出陣列字串可包含的內容(Field) url (必填)：照片、影片或串流連結路徑 mediaType (必填) video video-streaming photo photoResizeMode (選填)：填入該張照片的呈現模式 contain cover stretch center repeat videoResizeMode (選填)：填入該影片的呈現形式 contain cover stretch videoAutoAspect Ratio (選填) (bool)：填入串流影片是否套用自動寬高比 videoAspectRatio(選填) ：指定串流影片的寬高比，例4:3, 16:9等
Loop	布林值	設定 Slide 是否要循環播放
Photo Resize Mode	清單	設定照片在 Slideshow 元件中的呈現形式。選項請參考 Image 元件的 Resize Mode 說明。
Video Resize Mode	清單	設定影片在 Slideshow 元件中的呈現形式。選項請參考 Video 元件的 Resize Mode 說明。
Video Aspect Ratio	字串	針對 Video Streaming 設定影片寬高比。格式為 4:3, 16:9 等書寫方式
Fade Duration	毫秒	設定 Slide 中照片淡入動畫的持續時間
Blur Radius	數值	設定 Slide 中的圖片指定半徑的模糊濾鏡

屬性名稱	屬性形態	說明
Text	字串	設定當 Paths (slideshow 播放列表) 為空時，則顯示此文字。
Text Size	數值	設定 Text 的文字大小
Text Color	字串	設定 Text 的文字顏色
Timeout	毫秒	設定當 Path 為空時，等待多少毫秒後顯示 emptyViewText

基本邊框屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Border 區塊解說

基本動畫事件屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Animation 區塊解說。

其他動畫事件屬性解說如下：

Change Start	當準備播放下一張 Slideshow 時觸發的動畫事件
Change End	當準備播放下一張 Slideshow，Change Start 動畫結束（如果有指定）時觸發的動畫事件
Content Change	當 paths 內容改變時觸發的動畫事件
Round End	當 paths 中的項目完全播放完畢時觸發的動畫事件
Media On Load	當下一張 Slideshow 讀取完成時觸發的動畫事件

基本事件屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Event 區塊解說。

其他事件屬性解說如下：

Change Start	當準備播放下一張 Slideshow 時觸發的事件
Change End	當準備播放下一張 Slideshow，動畫結束（如果有指定）時觸發的事件
Content Change	當 paths 內容改變時觸發的事件
Round End	當 paths 中的項目完全播放完畢時觸發的事件
Media On Load	當下一張 Slideshow 讀取完成時觸發的事件

若需要任何幫助，歡迎點擊右下角的對話圖示詢問，我們會盡快回覆您的問題

Empty View Case 區塊