捲動訊息元件插件

1.1 版本

1.2 應用場景

在企業戰情室宣傳展示和一般的會議示範匯報程式中，捲動訊息一直是比較普遍的需求，但是使用者自己透過程式碼和現有的元件實現起來還是比較麻煩的。那麼透過安裝捲動訊息元件插件即可便捷地實現捲動字幕的效果。

預期效果如下圖所示：

1.3 功能簡介

• 插件要求 JDK 版本為 JDK 1.8 且小版本需在 JDK8u102 以上。

• 該插件僅支援決策報表。

• PC 端滑鼠懸停在捲動字幕上，該字幕會暫停，行動端不支援暫停。

2.1 插件安裝

點選下載插件：捲動訊息元件

設計器插件安裝方法參照 設計器插件管理

伺服器安裝插件方法參照 伺服器插件管理

2.2 操作方法

安裝插件後，在決策報表的元件管理面板中，將「捲動字幕」這個元件拖入決策報表設計主體中。

2.3 屬性設定

元件屬性設定面板如下圖所示，可以在此新增字幕和調整樣式。

2.3.1 樣式

點選樣式右側設定按鈕，彈出樣式設定框。可以設定捲動字幕的樣式，包括渲染風格、邊框屬性、主體背景等。如下圖所示：

注：渲染風格行動端只支援普通。

2.3.2 元件值

點選元件值右側設定按鈕，彈出富正文編輯器。用於編寫捲動字幕的內容，直接輸入即可。如下圖所示：

元件值還支援動態獲取資料，如下圖所示：

圖中公式為：sum(report0~B1)  ，即引用報表塊中儲存格資料並求和。

2.3.3 捲動方向

一共有四個方向，預設「向左」。如下圖所示：

2.3.4 捲動速度和捲動間隔

字幕的捲動速度和不同訊息之間捲動的間隔距離，均可自訂。

捲動間隔預設為 0，此時訊息捲動完畢後，再重複捲動。效果如下圖所示：

若設定捲動間隔為 50 像素，那麼正文間隔 50 像素重複捲動。效果如下圖所示：

3.1 準備範本

點選下載範本：零售集團實時監視-phone.frm後在設計器中開啟。

3.2 新增元件

將捲動訊息元件插入到報表塊 report1 和圖表塊 chart0 之間，如下圖所示：

3.3 新增字幕

點選元件值右側設定按鈕，在富正文編輯器中輸入字幕：最新動態：雙十一預售活動盛大開啟，預付定金立享大額優惠！，字體設定為微軟雅黑，字號為12，如下圖所示：

3.4 設定元件樣式

點選樣式設定按鈕，將元件主體背景填充設定為「顏色>天藍色」。如下圖所示：

3.5 修改組件顯示順序

原範本是設定了組件順序的，也就是行動端預覽時只按照這個順序顯示組件，所以要把捲動訊息元件調到第二位，如下圖所示：

3.6 效果預覽

儲存報表，點選「行動端預覽」，字幕效果如下圖所示：

點選下載範本：行動端捲動字幕-phone.frm