反饋已提交
網絡繁忙
使用者在製作行動端範本時,往往需要設定行動端屬性,本文將詳細介紹行動端屬性中各項設定的作用。
開啟一張普通報表,點選【範本】→【行動端屬性】。
彈出【行動端屬性】面板。
【行動端屬性】面板中主要有3項設定:【範本設定】、【自我調整】以及【其他】,【預覽效果】会根據設置隨時變化。
勾選【設定為手機範本畫布大小】,點選【確定】。
設計器介面會出現新的頁面邊界。
該功能在設計器中提供手機端專屬範本的畫布尺寸,引導使用者在合適的尺寸內製作手機端範本,提升易用性。
PC 端製作的報表在手機端查看時,FineReport 預設提供的自我調整效果不盡人意。例如,報表比較大,在手機上被縮的非常小,字型模糊等等。
對行動端自我調整屬性進行設定,可以控制報表在行動終端上的顯示效果。
豎屏及橫屏自我調整的規則可以分開控制,其中 Pad 上的規則採用橫屏的設定。
自我調整的種類包括橫屏與豎屏,橫屏與豎屏的自我調整屬性包括:橫向自我調整、縱向自我調整、不自我調整、雙向自我調整。
自我調整屬性的具體說明如下表所示:
自我調整屬性
說明
應用場景
橫向自我調整
橫向填充滿整個螢幕,縱向根據原始的比例顯示。
參數查詢後,由於查詢結果較多,頁面特別長,如果要在一屏內顯示所有資料,橫向會留白。
縱向自我調整
縱向填充滿整個螢幕。
主要針對表比較寬的情況,希望在縱向不留白。
不自我調整
根據展示報表的原始大小。
表比較大、或寬或者設定了凍結的情況。
雙向自我調整
所有儲存格的寬度和高度都拉伸或縮小,讓報表能充滿整個螢幕,每列列寬比例不變,每行行高的比例不變;雙向都不出現捲軸。
只適用於報表大小不足一屏或只超出一屏一點點的情況。
其他中包括以下兩項設置:【頁面再現時重新整理】、【允許雙擊、雙指縮放】。
【頁面再現時重新整理】:
默認不勾選。
報表填報過程中,經常出現填報成功後,關閉當前頁,需要重新整理父頁面。
勾選【頁面再現時重新整理】,填報成功後,頁面會重新整理。
【允許雙擊、雙指縮放】:
預設勾選。
如下圖所示,可以雙指放大、縮小報表。
開啟任意一張決策報表,點選【範本】→【行動端屬性】。
【行動端屬性】面板中主要有2項設定:【範本設定】、【其他】。
決策報表畫布大小會變為375Pixel×560Pixel。其中,寬固定位375Pixel,不可修改。高初始值為560Pixel,可以修改。
其他中包括以下3項設置:【頁面再現時重新整理】、【資料未提交離開提示】、【允許雙擊、雙指縮放】。
【資料未提交離開提示】:
預設不勾選。元件欄中不管內容是否改變,離開表單頁面時都沒有提示。
具體說明如下表所示。
狀態
備註
勾選【資料未提交離開提示】
元件欄中不管內容是否改變,離開表單頁面時都沒有提示。
未勾選【資料未提交離開提示】
1)元件欄中內容改變,離開表單頁面時提示有資料未提交,是否確定離開,點選確定後離開頁面,點選取消後留在當前頁面。
2)元件欄中內容沒有發生改變,離開表單頁面時沒有提示。
FineReport 設計器開啟任意一張決策報表,選中body,點選【行動設備】,如下圖所示。
body 的行動端屬性說明如下表所示。
屬性
備注
手機重佈局
1)若勾选【手機重佈局】,則報表在移動端瀏覽時會重新佈局,組件按照 Widget Order中的設定自上而下排列 。
2)不勾選【手機重佈局】,則報表在行動端瀏覽時會保留佈局 。
3)詳情請參照I-4-6-手機重佈局。
邊距
可設定範本在行動端顯示時 body 的內邊距。
佈局
可以透過自訂原件間隔來調整各元件間的間隔。
組件順序
可自訂組件在行動端顯示時的順序。
FineReport 設計器開啟一張決策報表,選中tabpane,點選【行動設備】,如下圖所示。
tablayout 的行動端屬性說明如下表所示。
範本式樣
選擇tabpane的式樣。
頁邊距
可手動設定tabpane的上下左右頁邊距,預設值均為4。
顯示該層級下的組件導航
勾選後,預覽時會顯示該層級下的組件導航。
注1:需要在各組件的【行動設備】中勾選顯示該組件的導航。
組件間隔
可手動設定tabpane中的組件間隔,預設值為4。
選中report0,點選【屬性】。
勾選【可見】後,預覽時報表塊可見。取消勾選【可見】後,預覽時報表塊不可見,如下圖1。
選中report0,點選【行動設備】,可為報表塊設定行動端屬性,如下圖2。
報表塊的行動端屬性說明如下表所示。
备注
自我調整
透過行動端屬性裡的【自我調整】選項,可以手動控制報表塊在行動終端上的自我調整效果。
手機顯示限制高度
預設不勾選。如果勾選,則啟用最大高度限制,並且顯示出最大高度設定項,可以手動輸入想要的高度,預設值為0.75,即當報表塊高度超出螢幕高度時,僅顯示75的報表塊內容。
允許全螢幕
預設不勾選。如果勾選,可以在行動端讓報表塊放大顯示。
組件可選中
預設不勾選,使用者可透過勾選該按鈕,在行動端選中報表塊。
注1:重佈局多個組件時、重佈局 Tab 下組件時,該設定生效 。
注2:如果是橫屏模式下,在App中查看報表,這個設定無法生效。如果是在橫豎屏效果下,透過URL訪問報表,該設定生效。
選中chart0,點選【屬性】,如下圖1所示。
勾選【可見】後,預覽時圖表塊可見。取消勾選【可見】後,預覽時圖表塊不可見。
選中chart0,點選【行動設備】,如下圖2所示。
圖表塊的行動端屬性說明如下表所示。
圖表自我調整
控制圖表塊在行動終端上的自我調整效果。
預設不勾選。如果勾選,可以在行動端讓圖表塊放大顯示。
預設不勾選。如果勾選,則在行動端點選報表塊,可以選中報表塊。
注1:重佈局多個元件時、重佈局 Tab 下元件時,該設定生效 。
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉