1. 概述
用户在制作移动端模板时,往往需要设置移动端属性,移动端属性中的各设置项分别有何作用呢,本文将详细介绍。
2. 普通报表的移动端属性
FineReport 设计器打开任意一张普通报表,点击「模板」>「移动端属性」,如下图所示:
2.1 模板设置
在设计器中提供手机端专属模板的画布尺寸,引导用户在合适的尺寸内制作手机端模板,提升易用性。
详情请点击 设置手机端模板
2.2 移动端自适应
详情请点击 [通用]移动端自适应
2.3 其他
2.3.1 页面再现时刷新
详情请点击 [App]页面再现时刷新及未提交数据提示
2.3.2 允许双击/双指缩放
注1:JAR 包在 2019-12-05 之前的设计器,默认允许双击/双指缩放操作。
注2:JAR 包在 2019-12-05 之后的设计器,新增了「允许双击 / 双指缩放」按钮,用户可通过勾选该按钮,设置是否需要缩放操作。
1)CPT 和 FRM 中,支持双指和双击缩放,如下图所示:
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)决策报表:一般不支持双击/双指缩放,以下情况除外
|
3. FVS 可视化看板的移动端属性
目前 FVS 模板移动端属性仅支持设置 重布局 效果,默认不勾选重布局。
注:V1.18.1 版本将「移动端属性」入口合并至「FVS模板设置」。
1)不勾选「重布局」时,即所有组件布局不变,模板移动端展示效果与模板画布中保持一致,常用于直接制作移动端模板的场景。
例如下图:
对应移动端效果如下图所示:
2)勾选「重布局」时,模板移动端布局继承模板画布中从左至右、从上到下的组件/组合顺序,图层重叠时按照从顶层至底层的顺序进行展示。
注:将多个组件组合到一起时,该组合中的组件布局不受「重布局」影响,即该组合中组件可保持模板画布中布局。
例如下图:
对应移动端效果如下图所示:
4. 决策报表的移动端属性
FineReport 设计器打开任意一张决策报表,点击「模板」>「移动端属性」,如下图所示:
4.1 模板设置
详情请点击 设置手机端模板
4.2 其他
4.2.1 页面再现时刷新
详情请点击 [APP]页面再现时刷新及未提交数据提示
4.2.2 数据未提交离开提示
注:移动端支持该功能。
具体说明如下表所示:
状态 | 备注 |
---|---|
未勾选「数据未提交离开提示」 | 控件栏中不管内容是否改变,离开表单页面时都没有提示 |
勾选「数据未提交离开提示」 | 1)控件栏中内容没有发生改变,离开表单页面时没有提示 2)控件栏中内容改变,离开表单页面时提示有数据未提交,是否确定离开,点击「确定」后离开页面,点击「取消」后留在当前页面 |
以 App 效果为例,如下图所示:
4.2.3 允许双击/双指缩放
可参考本文 2.3.2 节内容。
4.3 body 的移动端属性
FineReport 设计器打开任意一张决策报表,选中「body」,点击「移动端」,如下图所示:
body 的移动端属性说明如下表所示:
属性 | 备注 |
---|---|
手机重布局 | 在移动端支持「重布局」和「保留布局」两种模式,详情请点击 [通用]手机重布局 |
内边距 | 可调整移动端模板的 body 内边距 |
布局 | 1)组件间隔: 各组件间的间隔,用户可自定义设置 2)组件冻结: 用户可选择需要冻结的组件 |
控件顺序 | 可自定义调整移动端组件顺序,详情请点击 [通用]决策报表组件自定义顺序显示 |
4.4 Tab 移动端属性
如下图所示:
支持单个 Tab 标题样式设置,支持 Tab 自定义显示隐藏,详情请点击 Tab块
4.5 报表块移动端属性
如下图所示:
报表块移动端属性说明如下表所示:
属性 | 备注 |
---|---|
可见 | 详情请参考 隐藏决策报表内报表块/图表块 |
自适应 | 详情请参考 [通用]移动端自适应 |
手机显示限制高度 | 详情请参考 [通用]报表最大高度 |
允许全屏 | 详情请参考 [App]组件全屏开关控制 |
组件可选中 | JAR 包在 2019-12-05 之后的设计器,新增了组件可选中按钮,用户可通过勾选该按钮,设置是否需要 组件激活 操作 注1:重布局非单个组件、重布局 Tab 下组件下,该按钮方生效 注2:App 横屏效果下,无组件激活效果。HTML5 横竖屏效果下,该按钮均生效 |
4.6 图表块移动端属性
图表块移动端属性说明如下表所示:
属性 | 备注 |
---|---|
可见 | 详情请参考 隐藏决策报表内报表块/图表块 |
图表自适应 | 详情请参考 [通用]移动端自适应 |
允许全屏 | 详情请参考 [App]组件全屏开关控制 |
组件可选中 | 参考本文 3.5 节内容 |