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. 决策报表的移动端属性
FineReport 设计器打开任意一张决策报表,点击模板>移动端属性,如下图所示:
3.1 模板设置
详情请点击 设置手机端模板
3.2 其他
3.2.1 页面再现时刷新
详情请点击 [APP]页面再现时刷新及未提交数据提示
3.2.2 数据未提交离开提示
注:移动端支持该功能。
具体说明如下表所示:
状态 | 备注 |
---|---|
勾选数据未提交离开提示 | 控件栏中不管内容是否改变,离开表单页面时都没有提示 |
未勾选数据未提交离开提示 | 1)控件栏中内容改变,离开表单页面时提示有数据未提交,是否确定离开,点击确定后离开页面,点击取消后留在当前页面; 2)控件栏中内容没有发生改变,离开表单页面时没有提示 |
以 App 效果为例,如下图所示:
3.2.3 允许双击/双指缩放
可参考本文 2.3.2 节内容。
3.3 body 的移动端属性
FineReport 设计器打开任意一张决策报表,选中body,点击移动端,如下图所示:
body 的移动端属性说明如下表所示:
属性 | 备注 |
---|---|
手机重布局 | 在移动端支持重布局和保留布局两种模式,详情请点击 [通用]手机重布局 |
内边距 | 可调整移动端模板的 body 内边距 |
布局 | 1)组件间隔: 各组件间的间隔,用户可自定义设置 2)组件冻结: 用户可选择需要冻结的组件 |
控件顺序 | 可自定义调整移动端组件顺序,详情请点击 [通用]决策报表组件自定义顺序显示 |
3.4 Tab 移动端属性
如下图所示:
支持单个 Tab 标题样式设置,支持 Tab 自定义显示隐藏,详情请点击 Tab块
3.5 报表块移动端属性
如下图所示:
报表块移动端属性说明如下表所示:
属性 | 备注 |
---|---|
可见 | 详情请参考 隐藏决策报表内报表块/图表块 |
自适应 | 详情请参考 [通用]移动端自适应 |
手机显示限制高度 | 详情请参考 [通用]报表最大高度 |
允许全屏 | 详情请参考 [App]组件全屏开关控制 |
组件可选中 | JAR 包在 2019-12-05 之后的设计器,新增了组件可选中按钮,用户可通过勾选该按钮,设置是否需要 组件激活 操作 注1:重布局非单个组件、重布局 Tab 下组件下,该按钮方生效 注2:App 横屏效果下,无组件激活效果。HTML5 横竖屏效果下,该按钮均生效 |
3.6 图表块移动端属性
图表块移动端属性说明如下表所示:
属性 | 备注 |
---|---|
可见 | 详情请参考 隐藏决策报表内报表块/图表块 |
图表自适应 | 详情请参考 [通用]移动端自适应 |
允许全屏 | 详情请参考 [App]组件全屏开关控制 |
组件可选中 | 参考本文 3.5 节内容 |