Skip To Content

仪表盘布局

仪表盘由一个或多个始终占据整个屏幕的元素组成。 当创建仪表盘时,可以创建桌面视图和移动视图。 应将每个视图的布局配置为最适合用于查看的设备。

仪表盘视图的布局由行和列组成。 当向视图添加元素时,会将这些元素添加至视图面板中的布局树。 布局树将概述构成视图的行和列以及其中包含的元素。 行将描述在仪表盘布局中并排停靠的元素。 列将描述在仪表盘布局中停靠在彼此上方和下方的元素。 您可以将鼠标悬停在布局树中的行或列上方,以高亮显示其中包含的元素。

桌面视图布局

将针对桌面查看对仪表盘的默认布局进行优化。 当您调整浏览器大小时,元素大小将随之进行调整。 桌面布局包含正文、可选标头和可选侧边栏。 正文包含视觉元素,将使用停靠布局来组织这些元素。 标头可以包含标题、副标题、图标、背景图像和菜单,并且可以包含选择器。 侧边栏具有标题和描述,并且可以包含选择器。

移动视图布局

仪表盘可以具有可选移动视图,其中包含相同元素或者新元素。 移动布局包含正文、可选标头和可选抽屉。 正文包含视觉元素,将使用停靠布局来组织这些元素。 标头可以具有标题和图标。 抽屉用于托管选择器。

管理布局

可以通过移动调整大小堆叠分组来排列大多数仪表盘元素。 只有标头侧边栏抽屉元素无法进行重新排列。 这些元素将占用仪表盘视图上的预定义空间,并且一个视图只能每种元素拥有一个。

提示:

处理仪表盘的布局时,请保存您的成果。 要创建仪表盘的副本,请单击保存按钮 Save,然后单击另存为

移动元素

您可以移动元素以在仪表盘上对其进行重新排列。 当您在布局中移动元素时,这些元素在布局树中的位置会发生变化。

要在仪表盘视图上重新排列元素,请单击拖动项目 Drag item,同时将元素向所需位置的指示器方向移动。 当提示文本从拖动至新位置变为含有停靠为的文本(如停靠为列)时,释放鼠标按钮。

停靠元素

您可以将元素停靠为行或列。 可将元素停靠在仪表盘视图的各个部分或其他元素的各个部分。 例如,您可以将元素作为列停靠在视图的右侧,也可以将元素作为列停靠在另一个元素的右侧。

调整元素大小

要调整元素的大小,请将鼠标悬停在其垂直或水平边框上,直到指针变为十字光标,然后拖动边框直到元素达到所需大小为止。 在拖动元素边框的同时,您可以查看元素所占行或列的百分比。

调整元素大小

您还可以调整整行或整列的大小,从而使其中包含的元素大小均匀。 要调整整行的大小,请单击布局树中该行旁边的均匀分布宽度按钮 Distribute width evenly。 要调整整列的大小,请单击布局树中该列旁边的均匀分布高度按钮 Distribute height evenly

堆叠元素

您可以将两个或多个元素堆叠在彼此上方,从而为每个元素创建选项卡。 在创建元素选项卡时,一次只能看到一个元素,而其他元素则被隐藏。 您可通过选项卡选择哪个元素可见。 在移动视图上,用户可以浏览选项卡式元素以对其进行查看。

注:

已创建选项卡的元素不能与其他元素分组到一起。

要创建两个或多个元素的选项卡式视图,请在将元素移向目标元素的中心位置指示器的同时单击拖动项目 Drag item。 当文本变为堆叠项目时,释放鼠标按钮。 或者,您也可以通过直接在另一个元素之上添加新元素来创建选项卡式视图。

堆叠元素

将元素添加到堆栈后,系统将创建一个新选项卡。 可以通过单击选项卡并单击编辑按钮 编辑选项卡 来重命名选项卡。 您还可以通过单击和拖动选项卡来重新排列选项卡式元素的顺序。

注:

如果移动视图上存在许多选项卡,您可以按住 Shift 键以水平滚动选项卡。

对元素进行分组

您可以对元素进行分组,以在仪表盘布局中将其连接在一起。 与创建选项卡不同,对元素进行分组时不会隐藏组中的其他元素。 通过分组,您可以移动元素并调整元素的大小,就好像它们只是一个元素一样,并隐藏它们之间的边距。

注:

已分组元素可以与其他元素或组堆叠在一起。

要对两个元素进行分组,请单击拖动项目Drag item,同时将元素向目标元素的中心位置指示器方向移动,就像堆叠元素时一样。 但是,请在释放鼠标按钮之前,按住 Shift 键。 这将会使位置指示器和您正在移动的元素变为绿色。 当提示文本变为含有分组为的文本(如分组为列)时,释放鼠标按钮。 确保在释放 Shift 键之前释放鼠标按钮。

或者,可以在将元素添加到仪表盘时按住 Shift 键以将元素添加到组中。

对元素进行分组

您还可以选择立即对整行或整列进行分组。 在对整行或整列进行分组时,其中包含的元素会自动分组在一起。 要对整行或整列进行分组,请单击行或列旁边的对元素进行分组按钮 Group elements