1. 概述
1.1 版本
| 報表伺服器版本 | 插件版本 | App 版本 | HTML5 行動端展現插件版本 |
|---|---|---|---|
| 11.0 | V1.5.3 | 10.4.97 | 10.4.97 |
1.2 應用場景
在企業戰情室宣傳展示和一般的會議示範匯報程式中，捲動訊息一直是比較普遍的需求，但是使用者自己透過程式碼和現有的元件實現起來還是比較麻煩的。那麼透過安裝捲動訊息元件插件即可便捷地實現捲動字幕的效果。
預期效果如下圖所示：
1.3 功能簡介
插件要求 JDK 版本為 JDK 1.8 且小版本需在 JDK8u102 以上。
該插件僅支援決策報表。
PC 端滑鼠懸停在捲動字幕上，該字幕會暫停，行動端不支援暫停。
2. 插件介紹
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. 範例
3.1 準備範本
開啟設計器內建範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industry\零售集團實時監視-phone.frm
或點選下載範本：零售集團實時監視-phone.frm後在設計器中開啟。
3.2 新增元件
將捲動訊息元件插入到報表塊 report1 和圖表塊 chart0 之間，如下圖所示：
3.3 新增字幕
點選元件值右側設定按鈕，在富正文編輯器中輸入字幕：最新動態：雙十一預售活動盛大開啟，預付定金立享大額優惠！，字體設定為微軟雅黑，字號為12，如下圖所示：
3.4 設定元件樣式
點選樣式設定按鈕，將元件主體背景填充設定為「顏色>天藍色」。如下圖所示：
3.5 修改組件顯示順序
原範本是設定了組件順序的，也就是行動端預覽時只按照這個順序顯示組件，所以要把捲動訊息元件調到第二位，如下圖所示：
3.6 效果預覽
儲存報表，點選「行動端預覽」，字幕效果如下圖所示：
4. 範本下載
點選下載範本：行動端捲動字幕-phone.frm
