1.?描述

?PC上制作好的報表，在手機(jī)端查看的時候，報表軟件默認(rèn)的自適應(yīng)效果不盡人如意。例如，報表比較大，到手機(jī)上被縮的非常小，字都看不清等等。為此FineReport增加了選項可以手動控制報表在移動終端上的顯示效果。本文將詳細(xì)演示這一功能如何實現(xiàn)并進(jìn)行詳細(xì)的操作演示。

2.?步驟

? ? ? ? 2.1?安裝自適應(yīng)設(shè)置插件

啟動設(shè)計器，打開服務(wù)器>插件管理>全部插件，選擇報表自適應(yīng)插件，然后安裝：

?

注：若全部插件中沒有顯示插件，請更新jar包，或者安裝最新的設(shè)計器

安裝后，重啟設(shè)計器，打開模板，點(diǎn)擊菜單模板，里面會多出一個模板自適應(yīng)屬性，點(diǎn)擊后，就可以手動控制app中報表豎屏及橫屏?xí)r的自適應(yīng)規(guī)則，如下圖：

?

? ? ? ?2.2?自適應(yīng)規(guī)則說明

豎屏及橫屏自適應(yīng)的規(guī)則可以分開控制，其中pad上的規(guī)則也采用橫屏這個設(shè)置。

下拉框中我們可以看到有4個選項，分別為默認(rèn)、橫向自適應(yīng)、縱向自適應(yīng)、不自適應(yīng)；

默認(rèn)為FineReport內(nèi)置的規(guī)則，簡單說就是優(yōu)先橫向充滿，在此基礎(chǔ)上如果報表被縮的很小，則適當(dāng)放大；

橫向自適應(yīng)及縱向自適應(yīng)，就是橫向充滿及縱向充滿，如果大則縮小，如果小則放大；

不自適應(yīng)顧名思義就是展示報表的原始大小.

?

3.?示例

例如，下面的報表在PC瀏覽器中顯示如下：

?

表比較寬，這個時候用手機(jī)查看，默認(rèn)效果如下圖：

?

可以看到，默認(rèn)效果會將報表縮的很小，以至于字都看不清了，這種情況下，可以對這張報表，設(shè)置豎屏自適應(yīng)規(guī)則，如改成“縱向自適應(yīng)”，如下圖：

?

手機(jī)上刷新報表，就可以看到，報表縱向充滿了，如下圖：

?

注：該功能在ios8.1.4以及android8.1.5版本開始才支持。

?

轉(zhuǎn)載于:https://www.cnblogs.com/laoA188/p/5015104.html

總結(jié)

以上是生活随笔為你收集整理的报表移动端app如何实现页面自适应？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。