选择元素操作

[xinglie]

拉框选择

鼠标在编辑区中按下，然后拖动。鼠标会拖出一个虚线矩形方框，当鼠标拖出的虚线方框与元素所在的矩形相交或包含关系时，则对应的元素进入被选中状态。 当元素被旋转后，部分元素所在的矩形也会随着旋转，同样旋转后的矩形也需要与鼠标拖出的虚线矩形相交或包含时，元素才进入被选中状态

鼠标在拉框选择的时候，按下了Shift键，则本次拉框选择会叠加之前选中的元素。即进入多选模式

当拉框选择遇上容器元素

1. 当鼠标在某个容器格子内按下时，仅支持拉框选择当前格子内的元素，不支持框选当前格子外的元素(因格子可以无限嵌套，如果要框选格子外的元素，计算量太大)
2. 当容器格子内有元素选中时，且按下Shift或Ctrl或Cmd多选时，鼠标在容器元素外框选，当框中容器元素时，容器格子内的元素选择被取消(当容器被选中时，它所包含的子元素会取消选中状态)。当框选到容器元素后又取消时，容器格子内的之前选择的元素则会自动再次被选中

任何操作如果有可能给用户后悔操作时，均有后悔操作。所有功能如果可以给快捷键时，均有相应的快捷键，尤其对于一些不便于鼠标操作时，肯定有对应的快捷键。

鼠标点选

鼠标直接点击目标元素，目标元素进入选中状态。 在按下Shift或Ctrl的同时，使用鼠标点击目标元素，进入多选状态。当目标元素处于未选中状态时，进入选中状态。如果目标元素已处于选中状态，会取消选中状态。

tab键

依z轴从小到大选择编辑区中的元素，当编辑区中的元素过多且有重叠，不方便使用鼠标选择时有用。如果按下Tab同时按下了Shift则按z轴从大到小的顺序依次选中元素

结构树面板

当鼠标hover在结构树面板中的元素时，会在编辑区显示一个半透明主题色矩形，告诉使用者当前对应是编辑区哪个元素。 当鼠标单击结构树面板中的元素时，该元素进入选中状态。 在按下Shift或Ctrl的同时点击结构树面板中的元素，进入多选状态。鼠标下的元素如果处于未选中状态时，进入选中状态。否则会取消选中状态。

当元素处于单选、多选、组合等状态时，其被选中元素的边框会表现出不同的显示，方便使用人员进行区分。