布局概念

可以调整仪表板内容的大小和重新定位,但存在一些限制。例如,为小组件指定的最小尺寸可能会阻止将报告小组件放置在某些位置。

热点

热点区域用于对齐和调整小组件的大小,以及优化仪表板上的可用空间。

空白时,仪表板在其各角和边缘上有热点。包含小组件的仪表板在空间的边缘和角落处具有热点,这些热点是空的或由小组件占用。

小组件在其边缘和中心有热点区域。

拖动小组件时,手指如果在热点区域上,即可显示热点区域。

如果停留在热点区域上,将在小组件下面显示预览。预览显示放下小组件时将占据的位置。

热点区域的工作方式不同,具体取决于是在仪表板或小组件的边缘还是各角使用热点:

  • 如果将小组件放置在仪表板角落的热点区域处,则小组件将占据所有可用空间。

    图像显示了角落热点区域的使用。

  • 如果将小组件放置在仪表板边缘的热点区域处,则小组件将占据此边缘可用空间的一半。

    此示例显示在仪表板边缘使用热点区域。位于仪表板边缘的热点区域会占据边缘高度的中间位置。放下时,小组件将沿边缘的高度垂直展开。它也可水平展开占据二分之一的可用空间。

  • 如果将小组件放置在另一个小组件中心的热点区域上,两个小组件将互换。

随着内容的添加,将有更多热点区域可用。

在此示例中,两个小组件占据了仪表板的左侧,只余下右侧的空白空间。当将另一个小组件拖到右侧顶部边缘的空间上时,将显示热点区域。放下时,小组件占据水平空白空间,并垂直展开,占据可用空间的一半。

平铺

如果热点在现有的小组件上,放下的小组件将把现有的小组件一分为二。根据热点是在垂直边框还是水平边框上,两个小组件垂直或水平对齐。如果热点在仪表板的边缘上,放下的小组件将与边缘对齐并占据可用的长度。

在此处,两个小组件占据仪表板的右侧。用手指将另一个小组件拖动到仪表板底部小组件的热点区域上方时,放置小组件。添加的小组件将占据仪表板底部小组件所占据空间的一半。

交换

若要交换两个小组件的位置,拖动一个小组件置于另一个小组件上,并在对齐中心热点区域后放下。当手指拖动小组件将其直接放在现有小组件上时,可看到下列结果之一:

  • 如果手指位于现有小组件的中心,则两个小组件互换位置。
  • 如果从内容连接拖动小组件,那么它将替换现有的小组件。

注意

如果小组件包含最小尺寸超过可用空间的报告,则可能无法进行交换。

推挤

如果使用两个手指拖动小组件,则可推动路径中的其他小组件。如果小组件被推到仪表板的边缘或无法再压缩的小组件,则会将该小组件压缩到边缘。

如果在放下前放弃推动小组件,则被挤压的小组件将恢复到原始大小。可以将第二根手指放在小组件的外部或内部。

注意

如果设备支持 3D Touch,可以将其用于推动和压缩仪表板上的小组件。

两侧推动

若要在其他小组件之间推入一个小组件,用一个手指拖动,然后用第二个手指将其放到仪表板:

添加的小组件将保持自身的维度,或如果没有足够的空间推开其他小组件,那么小组件将会缩小。通常,现有小组件也将收缩以容纳新的小组件。

注意

可以将第二根手指放在小组件的外部或内部。

填充

在小组件的属性中,在布局选项卡上,可以指定小组件自动展开以填充可用空间。

或者,当拖动小组件并将其放在热点区域上时,小组件属性中的相应填充选项会自动打开。例如,当使用角落热点区域时,将打开小组件的水平和垂直填充属性。

这在创建自动调整大小仪表板时较为重要。可将小组件放在设置了水平或垂直填充的另一小组件的任一端。

  1. 拖动一个小组件拖到设置了水平或垂直填充的另一小组件的一端上。
  2. 将第二个手指放在仪表板上。
  3. 将两个手指同时从仪表板拿开。

填充的小组件收缩以容纳新的小组件,但仍会保留其填充设置。

在此处,仪表板底部的小组件已水平填充。用一个手指将另一个小组件拖动到底部小组件边缘上。在手指抬起之前加入第二个手指。底部小组件将会缩小,但仍会保留其填充设置。如果移除第二个小组件,它将再次展开:

注意

可将第二个手指放在任何位置:小组件外部或内部。