當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

[App]移動端交互

1. 報表滾動

普通報表不設置模板自适應,表格過寬或過高時,用戶可通過上下左右滑動進行查看。如下圖所示:

2020-09-07_14-13-31.gif

2. 按鈕刷新

用戶可點擊「刷新按鈕」對模板進行刷新,如下圖所示:

注:有關刷新按鈕的設置及說明請參考 模板設置 2.1 節 。

image.png

3. 手勢縮放

1)普通報表和決策報表中,支持雙指和雙擊縮放,如下圖所示:

1574061894475921.gif

2)允許雙擊/雙指縮放的邏輯如下表所示:

注1:決策報表使用「自适應布局」時,雙指縮放沒有效果。

注2:決策報表使用「絕對布局」時,雙指縮放僅對報表塊有效,圖表交互使用自帶的交互按鈕。

JAR 包版本App版本設置何時允許縮放
2019-12-05 前10.4.46 版本前無設置按鈕默認可雙擊/雙指縮放
2019-12-05 前10.4.46 版本後
2019-12-05 後10.4.46 版本前有設置按鈕,不生效
2019-12-05 後10.4.46 版本後有設置按鈕,生效選中「允許雙擊/雙指縮放」按鈕默認可雙擊/雙指縮放
不選中「允許雙擊/雙指縮放」按鈕

普通報表:

  • 不支持雙擊/雙指縮放

決策報表:

  • 1)普通報表:不支持雙擊/雙指縮放

  • 2)決策報表:一般不支持雙擊/雙指縮放,以下情況除外

  • 組件放大後,仍然支持雙擊/雙指縮放

  • 重布局橫屏下,仍然支持雙擊/雙指縮放

  • 決策報表下僅存在單個組件,則仍然支持雙擊/雙指縮放

4. 左側右滑動退出

移動端增加手勢退出,手指貼着左側邊,向右滑動的話做退出操作。

目前支持左滑退出的地方有:報表界面(不包括參數界面)、決策報表界面、二級目錄界面、設置界面。

注1:左右滑動不支持翻頁操作。 

注2:僅 iOS 支持左滑退出功能。

222

5. 組件激活

手機點擊該組件,即實現組件激活,激活以後組件像兩邊延伸,組件有陰影效果(重布局橫屏下組件默認處於激活狀态),如下圖所示:

注:「單個/全局組件選中激活」功能設置與具體效果,請參見:[通用]組件選中激活

222

6. 橫屏切換

6.1 切換效果

6.1.1 重布局

  • 重布局 下橫屏切換,效果如下圖所示:

2020-07-01_12-08-02.gif

  • 重布局下橫屏只顯示單個組件。

  • 重布局橫屏下支持左右切換組件。

6.1.2 保留布局

保留布局 下橫屏切換,效果如下圖所示:

2020-07-01_12-11-32.gif

保留布局手機上橫豎屏切換邏輯不變,橫屏後保留布局顯示。

注:10.0 HTML5 端 暫不支持橫屏效果

6.2 橫屏切換邏輯

6.2.1 參數設置

JAR 包在 2019-12-05 之前的設計器,默認允許橫豎屏切換。

JAR 包在 2019-12-05 之後的設計器,可手動設置切換邏輯參數,設置url+參數

參數邏輯如下表所示:

參數App-phoneApp-iPadHTML5 端

無參數

App/微信參數:fine_orientation=auto

首頁豎屏,支持橫豎屏切換
支持橫豎屏切換固定豎屏
App/微信參數:fine_orientation=landscape

首頁豎屏,固定橫屏

固定橫屏固定橫屏
App/微信參數:fine_orientation=portrait固定豎屏

首頁橫屏,固定豎屏

固定豎屏

注:HTML5 端僅在釘釘單點中,橫豎屏參數才會生效,其他情況都不會生效。

6.2.2 橫屏返回設置

橫屏返回方式如下:

環境模板
返回方式
iOS普通模板底部工具欄「返回」按鈕,按鈕不可去除
網頁鏈接左側右滑退出

Android

普通模板底部工具欄「返回」按鈕,按鈕不可去除
系統返回鍵
網頁鏈接系統返回鍵

注:App 及 HTML5 移動端展現插件在 10.4.76 及之後的版本,且未設置切換邏輯參數爲「fine_orientation=landscape」的模板,橫屏返回方式如下:

環境返回方式
iOS

左側右滑退出

切換至豎屏返回

Android

系統返回鍵

切換至豎屏返回

7. 組件放大

組件放大需要設置 全屏按鈕,設置後,移動端查看模板,按鈕懸浮在組件右上角,如下圖所示:

222

動态效果如下圖所示:

222

重布局橫屏下不支持放大,重布局豎屏、保留布局橫豎屏都支持放大(不包括 Pad)。

放大狀态下不支持橫豎屏切換,橫豎屏切換時,關閉放大狀态,再進行橫豎屏切換。

8. 翻頁

8.1 普通報表翻頁

手機上 CPT 翻頁,點擊下方的翻頁按鈕,如下圖所示:


222

動态效果如下圖所示:
222

8.2 決策報表翻頁

手機決策報表的報表塊只有在 放大狀态 下才支持翻頁(重布局豎屏放大、重布局橫屏——等同於重布局橫屏放大效果、保留布局豎屏放大、保留布局橫屏放大),如下圖所示:
222

動态效果如下圖所示:
222

注:Pad 上翻頁交互不變

9. 超鏈效果

只有決策報表 重布局 下,跳轉/聯動/鑽取交互統一。

  超級鏈接效果  
圖表超鏈-聯動單元格  聯動
當前決策報表對象  聯動
網絡報表  跳轉
網頁鏈接    跳轉
動态參數  跳轉
JavaScript  其他
郵件  其他
鑽取地圖  鑽取

9.1 跳轉

9.1.1 單個跳轉鏈接

當僅有單個跳轉鏈接時,點擊具有跳轉功能的字段 / 圖表,直接跳轉到目标網頁或報表,如下圖所示:

2020-09-07_15-33-41.gif

9.1.2 多個跳轉鏈接

如果有多個跳轉鏈接時,點擊報表塊的超鏈或圖表塊的系列,彈出提示框,可選擇需要跳轉的鏈接,如下圖所示:

2020-09-07_15-30-20.gif

9.2 聯動

決策報表中的圖表塊/報表塊聯動,點擊具有聯動效果的字段/圖表,直接觸發聯動效果。如下圖所示:

聯動.gif

9.3 地圖鑽取

鑽取地圖,點擊地圖位置後實現鑽取到下一層地圖,點擊上一層目錄,即可實現上鑽,如下圖所示:

JAR 包版本App/HTML5 版本
是否開啓數據點提示鑽取效果
10.0.9 之前--

點擊地圖,直接觸發鑽取效果;

如下圖效果一

10.0.9 及之後V10.4.90之前-
V10.4.90 及之後未開啓
開啓

點擊地圖,出現選擇框,用戶可手動選擇是否下鑽;

如下圖效果二

1)效果一:直接觸發鑽取

2020-09-07_15-55-58.gif

2)效果二:彈出選擇框,手動選擇是否鑽取

2020-09-07_15-57-18.gif

9.4 其他

決策報表中的報表塊/圖表塊中存在 JavaScript 或郵件超鏈,點擊對應字段/圖表系列,直接觸發其他效果。如下圖所示:

此處演示的 JavaScript 代碼爲:

FR.Msg.toast("其他測試")

2020-09-07_16-17-15.gif

9.5 多個效果

當圖表/報表塊中存在聯動和另外一個效果(單個跳轉,或單個鑽取,或單個其他),直接觸發聯動效果,另一個效果如 9.1~9.4 節所示。

當圖表/報表塊中存在聯動和另外多個效果(多個跳轉、地圖鑽取、多個其他等),直接觸發聯動效果,彈出選擇框,用戶可選擇需要觸發的别的效果。如下圖所示:

2020-09-07_16-09-54.gif

10. 決策報表圖表數據點提示

1)報表工程版本在 10.0.9 之前

決策報表中的圖表,開啓圖表提示後,手指「點擊」圖表系列,出現十字線,可查看十字線定位的數據點提示。

數據點提示未消失前,手指按住圖表進行「拖動」,可以實時查看對應的其他數據點的提示。

數據點提示消失後,手指按住圖表進行「拖動」,将無提示點,僅觸發圖表滑動效果。

效果如下圖所示:

2020-09-07_14-45-15.gif

2)報表工程版本在 10.0.9 及之後

決策報表中的圖表,開啓圖表提示後,手指「點擊」圖表系列,出現十字線,可查看十字線定位的數據點提示。

數據點提示未消失前,手指按住該提示點十字線中心點半徑 20px 内的圖表,進行「拖動」,可以實時查看對應的其他數據點的提示。

數據點提示未消失前,手指按住該提示點十字線中心點半徑 20px 外的圖表,進行「拖動」,提示點自動消失,觸發圖表滑動效果。

數據點提示消失後,手指按住圖表進行「拖動」,将無提示點,僅觸發圖表滑動效果。

效果如下圖所示:

2020-09-07_14-46-34.gif

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

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

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

不再提示

9s後關閉

反饋已提交

網絡繁忙