1. 版本
報表伺服器版本 | App 版本 | HTML5 行動端展現插件版本 |
---|---|---|
11.0 | V11.0 | V11.0 |
2. 普通報表
在 FineReport 設計器中開啟任意一張普通報表,點選菜單欄「範本>行動端屬性」,如下圖所示:
2.1 範本設定
在設計器中提供手機端專屬範本的畫布尺寸,引導使用者在合適的尺寸內製作手機端範本,提升易用性。
詳情參見: [通用]設定手機端範本
2.2 自適應
詳情參見: [通用]行動端自適應
2.3 其他
2.3.1 頁面再現時重新整理
詳情參見: [App]頁面再現時重新整理及未提交資料提示
2.3.2 允許雙擊/雙指縮放
勾選「允許雙擊/雙指縮放」,行動端預覽範本,使用者可雙擊/雙指縮放範本,以 App 為例,如下圖所示:
3. FVS 視覺化看板
目前 FVS 範本行動端屬性僅支援設定重佈局效果,預設不勾選重佈局。
注:V1.18.1 版本將「行動端屬性」入口合併至「FVS範本設定」。
1)不勾選「開啟手機重佈局」時,即所有組件佈局不變,範本行動端展示效果與範本畫布中保持一致,常用於直接製作行動端範本的場景。
例如下圖:
對應行動端效果如下圖所示:
2)勾選「開啟手機重佈局」時,範本行動端佈局繼承範本畫布中從左至右、從上到下的組件/組合順序,圖層重疊時按照從頂層至底層的順序進行展示。
注:將多個組件組合到一起時,該組合中的組件佈局不受「重佈局」影響,即該組合中組件可保持範本畫布中佈局。
例如下圖:
對應行動端效果如下圖所示:
4. 決策報表
在FineReport 設計器中開啟任意一張決策報表,點選菜單欄「範本>行動端屬性」,如下圖所示:
4.1 範本設定
詳情參見: [通用]設定手機端範本
4.2 其他
4.2.1 頁面再現時重新整理
詳情參見: [通用]頁面再現時重新整理及未提交資料提示
4.2.2 資料未提交離開提示
詳情參見: [App]頁面再現時重新整理及未提交資料提示
4.2.3 允許雙擊/雙指縮放
注1:決策報表僅支援雙指縮放,不支援雙擊縮放,且雙指縮放僅對報表塊有效,圖表交互使用自帶的交互按鈕。
注2:若報表塊的行動端面板勾選了「組件可選中」,則在行動端預覽時需要先點選激活組件,雙指縮放才有效果。
1)勾選「允許雙擊/雙指縮放」
勾選「允許雙擊/雙指縮放」時,行動端預覽範本,使用者可雙指縮放報表塊,以 App 為例,如下圖所示:
2)取消勾選「允許雙擊/雙指縮放」
取消勾選「允許雙擊/雙指縮放」時,全螢幕顯示的報表塊,仍然支援雙指縮放,分為以下三種情況:
報表塊全螢幕顯示後,支援雙指縮放,行動端預覽範本,以 App 為例,如下圖所示:
body 勾選「手機重佈局」,無論報表塊行動端面板是否勾選「允許全螢幕」,App 中橫屏預覽範本時,報表塊組件都預設全螢幕,故支援雙指縮放.
注:body 勾選「手機重佈局」,報表塊行動端面板不勾選「允許全螢幕」,HTML5 端橫屏預覽範本時,報表塊組件無法全螢幕,不支援雙指縮放。
決策報表中只存在單個報表塊時,報表塊為全螢幕顯示,故支援雙指縮放,行動端預覽範本,以 App 為例,如下圖所示:
4.3 body
在FineReport 設計器中開啟任意一張決策報表,選中「body」,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
body 的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
手機屬性 | 手機重佈局 |
|
進階 | 內邊距 |
|
導航樣式 |
| |
顯示該層級下的導航樣式 |
| |
佈局 | 組件間隔 |
|
組件凍結 |
| |
組件順序 |
|
4.4 Tab塊
4.4.1 tablayout
在FineReport 設計器中開啟一張含有 Tab 塊的決策報表,選中「tablayout」,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,如下圖所示:
保留佈局時,tablayout 無行動端設定項。
重佈局時,tablayout 的行動端設定項只有一項:「導航>使用導航」,詳情參見:[通用]組件導航快速定位 。
4.4.2 tabpane
在FineReport 設計器中開啟一張含有 Tab 塊的決策報表,選中「tabpane」,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
tabpane 的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
樣式範本 |
| |
進階 | 內邊距 |
|
顯示該層級下的組件導航 |
| |
顯示標題 |
| |
支援滑動切換 |
| |
顯示圓點指標 |
| |
佈局 | 組件間隔 |
|
4.5 報表塊
在 FineReport 設計器中開啟一張含有報表塊的決策報表,選中報表塊,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
報表塊的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
導航 | 使用導航 |
|
自適應 | 橫屏 | 詳情參見:決策報表行動端報表塊自適應 |
豎屏 | ||
展開收起 | ||
允許全螢幕 | ||
組件可選中 | ||
手機顯示限制高度 |
4.6 圖表
在FineReport 設計器中開啟一張含有圖表的決策報表,選中圖表,點選「行動端」,保留佈局和重佈局下的行動端設定項不同,重佈局時多出的設定項用橙色方框標出,如下圖所示:
圖表的行動端各設定項及說明如下表所示:
設定項 | 說明 | |
---|---|---|
導航 | 使用導航 |
|
圖表自適應 | 放大邏輯 | 詳情參見:決策報表行動端圖表自適應 |
縮減邏輯 | ||
展開收起 | ||
允許全螢幕 | ||
組件可選中 |