如何配置页面作为数据演示大屏?

1、演示大屏是什么?

演示大屏常用于展示信息、数据或内容的大型显示设备,它们通常用于会议室、展览厅、监控中心、公共信息显示等场合。

伙伴云的演示大屏功能为此类数据展示提供内容及样式,其功能名为“全屏演示”。配置好如下图的视觉效果后,通过投屏等方式展示到显示设备上,如电脑、外界显示器等。该功能支持:

  • 支持用户自定义大屏背景、组件样式等
  • 支持列表类数据滚动展示
  • 支持将页面分页,自动切换不同的大屏

img

2、配置大屏演示

大屏演示功能的配置涉及三个部分:组件的演示设置、页面演示设置和分页设置。

当我们只需要设置一个大屏时,只配置“组件的演示设置”和“页面演示设置”即可;当需要多个大屏切换展示不同主题内容时,才需要进行分页设置。

下面依次为大家介绍三个部分演示设置:

2.1 组件的演示设置

在页面中,仅以下几种组件可进行演示设置:

img

根据上图可见,组件的演示设置大体相同,根据细微差别可分为3类:

  • A类:透视表、分类汇总、多项统计、文本,配置如下图(①②不代表先后顺序,各部分功能独立作用):
    img
    • ① 显示滚动条:开启即可显示滚动条,仅win系统可见。
    • ② 自动滚动:设置自动滚动的方式,有三种方式可选:
      • 不滚动:不自动滚动,可通过鼠标等设备手动滚动;
      • 连续滚动:数据向上滚动,逐行展示出来,可设置滚动速度。
      • 逐页滚动:按照当前组件高度能显示N行数据,则每N行划分为一页,切换页滚动展示。可自定义行切换间隔时间。
    • 注意:若数据行数少,当前组件界面已全部展示出来了,则不再滚动。
  • B类:网格视图、我发起的流程、我执行的流程,配置如下图(①②③不代表先后顺序,各部分功能独立作用):
    img
    • ① 显示滚动条:开启即可显示滚动条,仅win系统可见。
    • ② 自动滚动:设置自动滚动的方式,有三种方式可选:
      • 不滚动:不自动滚动,可通过鼠标等设备手动滚动;
      • 连续滚动:数据向上滚动,逐行展示出来,可设置滚动速度。
      • 逐页滚动:按照当前组件高度能显示N行数据,则每N行划分为一页,数据按行连续滚动+切换页滚动展示。可自定义行切换间隔时间。
    • ③ 自动翻页:开启后仅控制自动翻页,数据是否按行连续滚动仅受②自动滚动设置影响。
    • 注意:网格视图、我发起的流程、我执行的流程组件,内容设置中,列表设置-更多数据-显示“翻页” 时,演示设置中才显示③自动翻页设置项。
  • C类:日历,配置如下图(①②不代表先后顺序,各部分功能独立作用):

可能有人疑问日历怎么滚动?如下图效果:

img

这类型演示设置的配置方法如下:

img

  • ① 显示滚动条:开启即可显示滚动条,仅win系统可见。
  • ② 自动滚动:设置自动滚动的方式,有三种方式可选:
    • 不滚动:不自动滚动,可通过鼠标等设备手动滚动;
    • 连续滚动:数据向上滚动,逐行展示出来,可设置滚动速度。
    • 逐页滚动:按照当前组件高度能显示N行数据,则每N行划分为一页,数据按行连续滚动+切换页滚动展示。可自定义行切换间隔时间。
  • ③ 自动切换日期:可开启日历中日期部分按月切换,可设置切换日期范围。

注意:若数据行数少,当前组件界面已全部展示出全部数据了,则不再滚动。

2.2 页面演示设置

img

  • 自动更新数据:可设置大屏中数据更新的间隔时间,可设置1min~120min或不更新。
    • 进入全屏演示后,在右上角会看到一个“进度圆环”,转满一圈时就会刷新一次数据。
  • 自动切换分页:单页面可设置多个分页,演示时可设置多个分页切换展示数据(关于如何设置分页见本篇2.3部分)。
    • 停留时间(秒/页):可设置每个分页之间切换的间隔时间。
  • 投屏分辨率:根据不同的显示设备,可自定义投屏的分辨率。方便页面的设计者可以知道设计的内容在全屏演示时,是否会超出投影屏幕的高度。
    • 当设置了“宽”和“高”的像素后,我们会按照所选页面的宽度,按照一定的算法计算出可在投影屏幕内显示的内容区域。
    • 当分页内的内容超过计算的高度后,会在页面左侧出现一个“小三角”,鼠标移动到“小三角”上就会看到一根线,来指示该线之上的内容无需滚动就可以显示在投影屏幕内,超过的部分就需要滚动后才可以看到。
      img

2.3 分页设置

一个页面可以设置多个分页,在演示时可切换分页显示数据。

2.3.1 添加分页

imgimg

2.3.2 设置分页样式

该分页可单独设置样式,但该样式设置在整个页面设置的背景样式上层配置(页面设置-页面元素配置教程>>)。

img

  • 分页样式:两种方式可选,卡片比普通样式多一个卡片样式设置,其他一致。
  • 分页-背景填充:可设置更改分页的背景填充。
  • 卡片样式:可设置该分页的卡片背景、文字、边缘样式等。

3、进入全屏演示

设置好之后,点击【全屏演示】按钮即可进入全屏模式,快捷键:⌘/control + ⏎(回车)。

img

2024-09-25 更新
64 次查看
0