Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我的应用程序中有一个包含工具栏的区域,我的工具栏由可移动的画布组成,我可以将它拖放到任何地方,我想要做的是限制用户并且不允许工具栏移出该区域, 并使其可停靠,以便我可以将其停靠在此指定区域的左侧、右侧、顶部和底部,
在这种情况下谁能帮助我?
下面的快照显示工具栏以红色突出显示,限制区域以黑色突出显示此区域用户无法将工具栏移出
这是快照
您可以在拖动操作完成后重置工具栏的位置。
首先获取工具栏相对于 的坐标Canvas,然后将其转换为相对于bound(黑色区域)的坐标。
Canvas
bound
然后,您可以计算工具栏的中心与bound. 如果距离小于定义的值,则将工具栏移动到边缘(将其停靠),如果将工具栏停靠在左右边缘,则需要将工具栏旋转 90 度。
像这样的东西。