组件的移动

<< Click to Display Table of Contents >>

当前位置:  设计可视化分析报告 > 可视化组件 > 组件操作与设置 

组件的移动

复制链接

1.概述

1.1 应用场景

制作报告时调整组件的位置。

1.2 功能介绍

用户可以对组件进行拖拽以调整位置。

2.移动组件

您可以通过方向键、拖拽、编辑设置XY(自由布局)来调整组件的位置。

方向键移动:

可通过选中组件,按下向上、向下、向左、向右方向键移动组件位置,移动过程中会实时显示组件移动后的位置。

拖拽移动

可通过选中组件,往任意角度拖拽移动组件,拖拽过程中,被拖拽移动的组件呈半透明状态,还会显示辅助组件对齐的提示线。拖拽组件到新位置的插入行与组件的添加行为一致。

若您是在智能布局下,拖拽组件移动到新位置,原位置相邻的组件变化规则为:

该组件所在行内组件按照比例自适应行宽,非最大高度的组件调整位置后,原有临近的组件高度按比例自适应最大行高。

优先以横向扩展,优先由左侧的组件补充空白。

举例:

智能布局下拖拽移动组件位置

移动组件后,原位置相邻的组件变化

dblayout_grid_component_move1_zoom60

移动后:

dblayout_grid_component_move2_zoom60

如果你想要同时移动多个组件,可以使用Ctrl键选中多个组件,鼠标拖拽移动即可。同时移动多个组件时,插入原则不变,插入组件的顺序按照移动组件之前组件的相对位置:先上后下,再左再右,再上层下层

若您是在自由布局下拖拽移动组件,释放鼠标的位置为移动到的位置。

编辑设置XY移动

你可以选中悬浮状态的单个组件或者组合组件,打开查看右侧编辑栏,点击【设置>位置】,输入X和Y值。

单个组件:

dbfree_com_move_setting_zoom85

组合组件:

dbfree_com_move_setting1_zoom77

➢说明:

智能布局下不能同时移动悬浮组件和固定组件,您可以修改固定组件为悬浮组件,也可以修改报告布局为自由布局,再重新同时拖拽移动。修改组件状态,详情请参考组件的悬浮,切换报告布局,详情请参考自由布局

若选中的组件拖拽组件不能移动位置,那是因为组件为锁定状态,需在组件层级中对组件解锁,再重新拖拽调整位置,详情请参考组件的锁定