1. 概述
1.1 版本
| 移動端版本 |
|---|
| App 9.0 |
1.2 應用場景
PC 端制作的報表在手機端查看時，FineReport 默認提供的自适應效果不盡人意。例如，報表比較大，在手機上被縮的非常小，字體模糊等等。
這時可通過移動端屬性裏的自适應選項，手動控制報表在移動終端上的顯示效果。
1.3 功能簡介
對移動端自适應屬性進行設置，控制報表在移動終端上的顯示效果。
注1：移動端自适應與手機重布局教學視頻地址請查看 模板發布、手機預覽與自适應、模板布局設計與配色優化
注2：移動端自适應屬性設置完成後，只在 HTML5 端和 App 端生效。
2. 自适應介紹
2.1 設置方法
2.1.1 普通報表
在普通報表中，點擊模板>移動端屬性， 如下圖所示：
注：若模板中有内容，若勾選設置爲手機模板畫布大小按鈕，會觸發另存爲以「_mobile」爲後綴的模板，可參考 設置手機端模板
2.1.2 決策報表
1）在決策報表中，選中某一報表塊，點擊移動端，如下圖所示：
2）或點擊模板>移動端屬性，可設置爲手機端專屬模板。如下圖所示：
2.2 手機端模板說明
手機端模板說明如下表所示：
| 報表類型 | 備注 |
|---|---|
| 普通報表 | 點擊模板>移動端屬性，勾選設置爲手機模板畫布大小按鈕，報表會以 4.7 寸屏幕手機爲準進行适配，4.7 寸以上的手機進行放大，4.7 寸以下的手機進行壓縮 |
| 決策報表 | 點擊模板>移動端屬性，勾選設置爲手機端模板按鈕，畫布大小（375*560），寬度進行鎖定，高度可自定義修改 同普通報表，決策報表也會以 4.7 寸屏幕手機爲準進行适配，4.7 寸以上的手機進行放大，4.7 寸以下的手機進行壓縮 |
2.3 縮放邏輯
豎屏及橫屏自适應的規則可以分開控制，其中 Pad 上的規則采用橫屏的設置。
自适應屬性包括：橫向自适應、縱向自适應、不自适應、雙向自适應。具體說明如下表所示：
| 自适應屬性 | 說明 | 應用場景 |
|---|---|---|
| 橫向自适應 | 報表橫向充滿屏幕且保持報表原始寬高比不變 | 主要針對參數查詢後，最後一頁顯得特别大的情況 |
| 縱向自适應 | 縱向充滿，如果大則縮小，如果小則放大 | 主要針對表比較寬的情況，縱向不想要留白 |
| 不自适應 | 展示報表的原始大小 | 主要針對表比較大、或寬或者設置了凍結的情況 |
| 雙向自适應 | 所有單元格的寬度和高度，同步拉伸或縮小，充滿整個組件 | 只适用於不足一屏及超出一屏不多的情況，如果模板超出一屏很多，或者是分頁了，則雙向自适應就不适用了 |
注：有些手機型号會出現「橫向自适應」不生效的問題，此時用戶可将模板中的單元格高度拉高，這樣可确保橫向自适應之後縱向高度能完整顯示文本内容。
3. 示例
注：移動端預覽方法請參考 移動端模板預覽
3.1 未設置自适應
1）移動端預覽%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\basic\圖像化顯示進度條.cpt模板，效果如下圖所示：
3.2 設置縱向自适應
1）可發現，默認效果将報表縮的很小，字體有些模糊，可設置豎屏自适應規則，例如點擊模板>移動端屬性>豎屏-縱向自适應，如下圖所示：
2）移動端預覽模板，效果如下圖所示：
