页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 12 下一个 »

1 概述

手机布局用于单独配置报表在手机端上的布局排列效果。

2 业务场景

2.1 基于已有报表创建手机布局

1、场景描述:在PC端制作好了仪表盘,并且设置了手机布局,出差时不方便用电脑进行访问,这时就可以通过移动设备进行查看。

2、操作步骤

(1)在仪表盘编辑界面,点击工具栏的 设备 按钮,点击  创建一份单独的手机布局,用于单独配置手机端的布局效果,该布局效果不影响 电脑/平板 的最终查看效果。

(2)创建手机布局后,默认保持和 电脑/平板 相同的布局效果,但画布大小自动切换成手机的规格。此时对手机布局进行调整

  • 手动拖拽调整组件的大小和排列位置(这些操作只在手机布局下生效,不影响电脑/平板报表的布局效果)
  • 支持添加、删除和修改组件效果(这些操作会同时影响手机布局和电脑/平板布局效果)

(3)点击保存报表。在电脑端和手机端分别查看该报表,效果如下:

  • 电脑/平板端

  • 手机端

2.2 直接创建手机布局

1、场景描述:创建手机布局报表,该报表只适用于手机端进行查看。

2、操作步骤

(1)新建一个仪表盘,点击工具栏的 设备 按钮,点击  创建一份单独的手机布局,用于单独配置手机端的布局效果。

(2)在手机布局上根据需求制作报表。

(3)点击保存报表,弹出提示:电脑/平板布局的画布内没有组件,是否同步手机布局效果到电脑/平板上?

  • 选择“是”,则在电脑/平板端查看报表时,效果和移动端查看效果一致
  • 选择“否”,则在电脑/平板端查看报表时,报表空表

(4)在移动端查看报表,效果如下:

3 更多功能

在手机布局中,可以对画布大小和缩放方式进行设置。

3.1 画布

系统内置一些常用手机设备的选择,如果内置的“设备”不满足需求时,支持自定义画布大小。

3.2 缩放方式

手机布局支持设置缩放方式,包含:等比缩放宽度铺满、等比缩放高度铺满、全屏铺满、不缩放。

缩放方式效果

等比缩放到最佳比例

定义保持高宽比例,按当前屏幕大小显示全部内容

等比缩放宽度铺满

定义宽度铺满全屏,高度按比列自动缩放。

说明:

(1)当高度小于屏幕,则垂直居中显示,出现下边留白。

(2)当高度大于屏幕,出现垂直滚动条。




等比缩放高度铺满

定义:高度铺满全屏,宽度按比列自动缩放。

说明:

(1)当宽度小于屏幕,则水平居中显示,出现左右两边留白。

(2)当宽度大于屏幕,出现水平滚动条。

全屏铺满

定义:不保持高宽比例,按当前屏幕大小显示全部内容。

不缩放

定义:保持画布原先的大小。

  • 无标签