Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

拖动对齐 #42

Open
xinglie opened this issue Dec 27, 2020 · 0 comments
Open

拖动对齐 #42

xinglie opened this issue Dec 27, 2020 · 0 comments
Labels
操作说明 介绍设计器如何使用

Comments

@xinglie
Copy link
Owner

xinglie commented Dec 27, 2020

添加到设计区中的元素,在拖动时,会和非拖动元素自动对齐,示意图如下

image

其中平铺图片是正在拖动中的元素,当元素的顶、中间、底边以及左、中间、右边与另外元素的关键边靠近时,会自动吸附对齐。

吸附阈值目前设定为8px,越小越容易脱离吸附,越大越不容易脱离吸附。

当元素旋转后,将以元素所在的矩形进行相应的对齐处理。无论旋转与否,均支持4个顶点、4条边中间点及元素中心点,水平9条垂直9条线的对齐方式。为了解决对齐线过多的问题,目前支持顶点、边中间及中心点通过配置来决定是否参与对齐。

组合元素及多选元素

优先鼠标下的元素参与拖动对齐(可配置为全部移动元素为拖动对齐),仅非移动元素才能成为吸附对齐对象

容器元素

容器及子元素如果不参与移动,则所有子元素也可以成为对齐吸附对象。

网格与吸附网格

网络功能已下线,代码已注释,如果有需求可自行放开网格代码的注释
当吸附网格与拖动对齐均打开时,对齐优先级高

设计区

设计区及容器的格子(小设计区)也支持拖动对齐

alt键

在拖动过程中,如果按下alt键,则可以临时停用吸附对齐。如果通过设计区配置为默认拖动不对齐,在拖动过程中,如果按下alt键,则可以临时启用吸附对齐

@xinglie xinglie added the 操作说明 介绍设计器如何使用 label Dec 27, 2020
@xinglie xinglie mentioned this issue Jan 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
操作说明 介绍设计器如何使用
Projects
None yet
Development

No branches or pull requests

1 participant