页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

v9_自助仪表盘_5
v9_自助仪表盘_5

+【自助仪表盘】优化“固定大小”布局

...

背景介绍

之前的版本,固定大小布局的设置较简单,结合产品的使用,我们对其进行优化,V9及之后版本对画布区域显示进行优化,支持设置缩放方式及图形渲染方式。之前的版本,固定大小布局的设置较简单,结合产品的使用,我们对其进行优化,V9及之后版本对页面区域显示进行优化,支持设置缩放方式及图形渲染方式。

功能简介

1、画布区域与其他区域使用不同背景图加以区分。1、页面区域与其他区域使用不同背景图加以区分。

自助仪表盘展现区显示标尺,方便用户调整组件的位置、查看组件的对齐效果。

Image RemovedImage Added

说明:组件超出画布区域的部分,在预览界面不显示。说明:组件超出页面区域的部分,在预览界面不显示。

Image RemovedImage Added

预览界面如图:

2、支持设置画布缩放方式,有四种:等比缩放宽度铺满、等比缩放高度铺满、全屏铺满、不缩放。2、支持设置页面缩放方式,有四种:等比缩放宽度铺满、等比缩放高度铺满、全屏铺满、不缩放。

四种缩放方式详细说明如下:

缩放方式
效果

等比缩放宽度铺满

定义:

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

说明:

  • 当高度小于屏幕,则垂直居中显示,出现上下两边留白。
  • 当高度大于屏幕,出现垂直滚动条。

  等比缩放高度铺满

定义:

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

说明:

  • 当宽度小于屏幕,则水平居中显示,出现左右两边留白。
  • 当宽度大于屏幕,出现水平滚动条。


全屏铺满

定义:

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

不缩放

定义:

保持画布原先的大小。

...