反饋已提交

網絡繁忙

行動端屬性

一、概述

  1. 使用者在製作行動端範本時,往往需要設定行動端屬性,本文將詳細介紹行動端屬性中各項設定的作用。

二、普通報表的行動端屬性

1
普通報表的行動端屬性面板。
  1. 開啟一張普通報表,點選【範本】→【行動端屬性】。

  2. 彈出【行動端屬性】面板。

  3. 【行動端屬性】面板中主要有3項設定:【範本設定】、【自我調整】以及【其他】,【預覽效果】会根據設置隨時變化。

1.png

2
範本設置。
  1. 勾選【設定為手機範本畫布大小】,點選【確定】。

  2. 設計器介面會出現新的頁面邊界。

  3. 該功能在設計器中提供手機端專屬範本的畫布尺寸,引導使用者在合適的尺寸內製作手機端範本,提升易用性。

2.png

3
自我調整。
  1. PC 端製作的報表在手機端查看時,FineReport 預設提供的自我調整效果不盡人意。例如,報表比較大,在手機上被縮的非常小,字型模糊等等。

  2. 對行動端自我調整屬性進行設定,可以控制報表在行動終端上的顯示效果。

  3. 豎屏及橫屏自我調整的規則可以分開控制,其中 Pad 上的規則採用橫屏的設定。

  4. 自我調整的種類包括橫屏與豎屏,橫屏與豎屏的自我調整屬性包括:橫向自我調整、縱向自我調整、不自我調整、雙向自我調整。

  5. 自我調整屬性的具體說明如下表所示:

自我調整屬性

說明

應用場景

橫向自我調整

橫向填充滿整個螢幕,縱向根據原始的比例顯示。

參數查詢後,由於查詢結果較多,頁面特別長,如果要在一屏內顯示所有資料,橫向會留白。

縱向自我調整

縱向填充滿整個螢幕。

主要針對表比較寬的情況,希望在縱向不留白。

不自我調整

根據展示報表的原始大小。

表比較大、或寬或者設定了凍結的情況。

雙向自我調整

所有儲存格的寬度和高度都拉伸或縮小,讓報表能充滿整個螢幕,每列列寬比例不變,每行行高的比例不變;雙向都不出現捲軸。

只適用於報表大小不足一屏或只超出一屏一點點的情況。

 

4
其他。
  1. 其他中包括以下兩項設置:【頁面再現時重新整理】、【允許雙擊、雙指縮放】。

  2. 【頁面再現時重新整理】:

    默認不勾選。

    報表填報過程中,經常出現填報成功後,關閉當前頁,需要重新整理父頁面。

    勾選【頁面再現時重新整理】,填報成功後,頁面會重新整理。

  3. 【允許雙擊、雙指縮放】:

    預設勾選。

    如下圖所示,可以雙指放大、縮小報表。

3.gif

三、決策報表的行動端屬性

1
決策報表的行動端屬性面板。
  1. 開啟任意一張決策報表,點選【範本】→【行動端屬性】。

  2. 彈出【行動端屬性】面板。

  3. 【行動端屬性】面板中主要有2項設定:【範本設定】、【其他】。

4.png

2
範本設置。
  1. 勾選【設定為手機範本畫布大小】,點選【確定】。

  2. 決策報表畫布大小會變為375Pixel×560Pixel。其中,寬固定位375Pixel,不可修改。高初始值為560Pixel,可以修改。

5.png

3
其他。
  1. 其他中包括以下3項設置:【頁面再現時重新整理】、【資料未提交離開提示】、【允許雙擊、雙指縮放】。

  2. 【頁面再現時重新整理】:

    默認不勾選。

    報表填報過程中,經常出現填報成功後,關閉當前頁,需要重新整理父頁面。

    勾選【頁面再現時重新整理】,填報成功後,頁面會重新整理。

  3. 【資料未提交離開提示】:

    預設不勾選。元件欄中不管內容是否改變,離開表單頁面時都沒有提示。

    具體說明如下表所示。

  4. 【允許雙擊、雙指縮放】:

    預設勾選。

    如下圖所示,可以雙指放大、縮小報表。

狀態

備註

勾選【資料未提交離開提示】

 

元件欄中不管內容是否改變,離開表單頁面時都沒有提示。

未勾選【資料未提交離開提示】

 

1)元件欄中內容改變,離開表單頁面時提示有資料未提交,是否確定離開,點選確定後離開頁面,點選取消後留在當前頁面。

  2)元件欄中內容沒有發生改變,離開表單頁面時沒有提示。

2.gif

4
body 的行動端屬性。
  1. FineReport 設計器開啟任意一張決策報表,選中body,點選【行動設備】,如下圖所示。

  2. body 的行動端屬性說明如下表所示。

6.png

屬性

備注

手機重佈局

1)若勾选【手機重佈局】,則報表在移動端瀏覽時會重新佈局,組件按照 Widget Order中的設定自上而下排列  。

2)不勾選【手機重佈局】,則報表在行動端瀏覽時會保留佈局  。

3)詳情請參照I-4-6-手機重佈局。

邊距

可設定範本在行動端顯示時 body 的內邊距。

佈局

可以透過自訂原件間隔來調整各元件間的間隔。

組件順序

可自訂組件在行動端顯示時的順序。

5
Tabpane的行動端屬性。
  1. FineReport 設計器開啟一張決策報表,選中tabpane,點選【行動設備】,如下圖所示。

  2. tablayout 的行動端屬性說明如下表所示。

7.png

屬性

備註

範本式樣

選擇tabpane的式樣。

頁邊距

可手動設定tabpane的上下左右頁邊距,預設值均為4。

顯示該層級下的組件導航

勾選後,預覽時會顯示該層級下的組件導航。 

注1:需要在各組件的【行動設備】中勾選顯示該組件的導航。

組件間隔

可手動設定tabpane中的組件間隔,預設值為4。

6
報表塊行動端屬性。
  1. 選中report0,點選【屬性】。

  2. 勾選【可見】後,預覽時報表塊可見。取消勾選【可見】後,預覽時報表塊不可見,如下圖1。

  3. 選中report0,點選【行動設備】,可為報表塊設定行動端屬性,如下圖2。

  4. 報表塊的行動端屬性說明如下表所示。


屬性

备注

自我調整

透過行動端屬性裡的【自我調整】選項,可以手動控制報表塊在行動終端上的自我調整效果。

手機顯示限制高度

預設不勾選。如果勾選,則啟用最大高度限制,並且顯示出最大高度設定項,可以手動輸入想要的高度,預設值為0.75,即當報表塊高度超出螢幕高度時,僅顯示75的報表塊內容。

允許全螢幕

預設不勾選。如果勾選,可以在行動端讓報表塊放大顯示。

組件可選中

預設不勾選,使用者可透過勾選該按鈕,在行動端選中報表塊。  

注1:重佈局多個組件時、重佈局 Tab 下組件時,該設定生效 。

注2:如果是橫屏模式下,在App中查看報表,這個設定無法生效。如果是在橫豎屏效果下,透過URL訪問報表,該設定生效。

7
圖表塊行動端屬性。
  1. 選中chart0,點選【屬性】,如下圖1所示。

  2. 勾選【可見】後,預覽時圖表塊可見。取消勾選【可見】後,預覽時圖表塊不可見。

  3. 選中chart0,點選【行動設備】,如下圖2所示。

  4. 圖表塊的行動端屬性說明如下表所示。

屬性

備註

圖表自我調整

控制圖表塊在行動終端上的自我調整效果。

允許全螢幕

預設不勾選。如果勾選,可以在行動端讓圖表塊放大顯示。

組件可選中

預設不勾選。如果勾選,則在行動端點選報表塊,可以選中報表塊。 

注1:重佈局多個元件時、重佈局 Tab 下元件時,該設定生效 。

注2:如果是橫屏模式下,在App中查看報表,這個設定無法生效。如果是在橫豎屏效果下,透過URL訪問報表,該設定生效。


附件列表


主題: 行動端應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉