问题标签 [snapping]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
297 浏览

list - 一种pythonic方法如何查找一个值是否在列表中的两个值之间

有一个排序列表和一些随机值,我想找到该值在哪个范围内。

列表是这样的: [0, 5, 10, 15, 20] 值是,比如说 8。

标准的方法是要么从头开始直到我们达到比我们更大的值(如下例所示),要么执行二分查找

我想知道是否有更 Pythonic 的方法,因为这虽然很短,但看起来有点眼痛。感谢您的时间!

0 投票
3 回答
7297 浏览

javascript - 使用 javascript/jQuery 查找最接近鼠标位置的网格坐标

我想要做的是在页面上制作一个等距的不可见坐标网格。然后,我希望<div>在触发 onclick 时将 a 放置在最接近指针的任何网格坐标处。这是粗略的想法:

替代文字

我有鼠标坐标的跟踪和<div>很好的放置。我坚持的是如何解决坐标网格的问题。

首先,我是否应该将所有坐标放在一个数组中,然后将我的 onclick 坐标与之进行比较?

或者看到我的网格坐标遵循规则,我可以做一些事情,比如找出哪个坐标是我的间距最接近 onclick 坐标的倍数?

然后,我从哪里开始计算最接近的网格点坐标?最好的方法是什么?

谢谢!

0 投票
1 回答
1214 浏览

c# - WPF:绘制自己的光标 - 不平凡的问题

我需要实现一个具有一些非常具体的功能的游标:

  • 它必须是动画的
    • 因为在 n 秒后它会自动点击 - 所以当点击发生时动画是用户的反馈
  • 它必须捕捉到我们的一些控件
  • 它必须在我们的应用程序之外工作

到目前为止的方法:

  • 将我的 WPF 控件渲染为位图,从中制作光标结构并使用 user32.dll/SetSystemCursor 进行设置
    • 专业版
    • 光标在鼠标之后没有延迟,因为它是真正的光标
    • CON
    • 捕捉非常困难,特别是因为我们有绝对和相对输入设备,我必须一直重置鼠标位置或使用 user32.dll/ClipCursor(System.Windows.Forms.Cursor.Clip 也是如此),但捕捉的光标是总是在捕捉位置周围晃动(试图逃跑,再次重置......)
    • 我使用的代码在随机时间后抛出奇怪的异常 - 所以我当前的代码似乎很不稳定
  • 将我自己的光标渲染为最大化的、最顶部的、允许透明的、windowstyle=none、不可见的窗口,并在鼠标之后手动移动光标(如 Canvas.SetLeft(cursor, MousePosition.X))
    • 专业版
    • 可以(轻松)完成捕捉
    • CON
    • 当鼠标点击并点击光标时,光标被点击而不是超出的窗口
    • 一直在调度程序背景循环中轮询鼠标位置对我来说似乎不是很漂亮

要解决第二种方法,我的光标必须在热点中至少有一个透明像素,以便鼠标可以点击……这对我来说似乎不是一个真正的解决方案……

有什么想法吗?

编辑:一些示例源来显示问题...:

示例应用程序和源来显示将鼠标捕捉到固定位置的问题:ClipIt.rar

随机时间后失败的示例应用程序和源 - 设置自绘光标:TryOwnCur.rar

可以在以下位置找到:http: //sourcemonk.com/Cursor

0 投票
1 回答
517 浏览

jquery - jquery拖放

我想知道如何使用以下代码克隆元素并将其附加到可放置区域:

如果有人详细解释我,我会很高兴。请尝试在 Fiddle 中给我一个例子。它对我有很大帮助。谢谢。

感谢您的快速响应,是的,它很好,当我拖动克隆时它不起作用,我需要交换克隆到最近的位置。正如您在下面提到的示例中看到的那样,它是不可拖动的一旦它落在目标上。

http://jsfiddle.net/kiran/brCX5/31/embedded/result/

网站链接是http://www.vitsoe.com/en/re/shop/606/sketchtool,您可以在其中看到我的意思,但在此链接中它只是附加的,但我需要将其删除,即..被捕捉到最近的路径,当我用相同的图像放下时,它应该附在现有的下面而不是重叠。

再次感谢您的回复。

感谢您的回复,我需要它完全相同,但是发生的情况是,当我按照我之前所说的那样交换位置时,​​它不会捕捉到最近的坐标,因为我们首先拖放到目标上,还有一件事是尽管 div 部分的末尾没有间隙,但它正在添加图像,如果最后没有位置,它应该检查顶部或底部是否有间隙,它应该附加到图像,否则它应该你能检查一下吗?

0 投票
1 回答
436 浏览

actionscript-3 - 如何在 Actionscript 3.0 中捕捉线型?

海,我是actionscript的新手。

我正在尝试在 actionscript 3 中制作画笔工具,孩子们可以使用画笔在圆圈内绘制颜色。我已经使用线条样式实现了这一点。现在我希望画笔在孩子即将完成时(比如当他们完成绘画完成 95% 时)来捕捉颜色。我怎么知道孩子在圆圈上画了多少?

谢谢

0 投票
1 回答
1710 浏览

android - Android ListView 滚动

我有一个行非常高的 Android ListView,它就像一个垂直的图片库。当我抛出视图时,我希望它准确地停在每个视图的开头。目前它将遍历下一个视图并在 2 个视图之间停止,这不是我想要的效果。

有没有我可以用来实现这一点的设置?

0 投票
1 回答
134 浏览

calayer - 使用 CALayers 捕捉

我正在使用该-mouseDragged方法移动一些 CALayer,现在我想在它们足够近时(或者当它们重叠一点时)“捕捉”它们。每一层都不是“正方形”:我正在绘制不同的多边形。

我认为这样做的一种方法是:

  1. 获取被移动层的位置;
  2. 获取重叠层或靠近被移动层的层;
  3. 在(2)为真的多边形的每一侧,我需要检查移动层的一侧和“接近”的层的一侧之间的最大距离(与图层的一侧成直角) (当图层重叠时,这是一个负值)。
  4. 相应地移动图层。

我不知道这是否是正确的方法。我首先想到的是:

  • 如果我可以“捕捉”不止一侧会发生什么?

而且,即使我尝试这种方式,我也不知道如何处理(2)和(3)。

有没有更好的方法来做到这一点?

0 投票
3 回答
2126 浏览

java - 使用对齐对齐构建拖放拼图式界面

我正在构建一个 Android 益智游戏,用户在其中旋转并移动拼图的各个部分以形成最终图片。它有点像一个滑块拼图,但块的形状和大小并不统一 - 更像是俄罗斯方块的滑块版本。

目前,我将拼图块作为 imageViews 可以选择并在视图周围移动以定位它们。我已经将幕后形状的矢量形式作为点的 ArrayLists。

但是......我被困在如何将这些碎片对齐在一起。即,当一块靠近另一块时,移动一块,使附近的边缘相互重叠(即基本上共享一个边界)。

我确信这已经完成了很多次,但找不到代码示例(任何语言)。它类似于捕捉到网格但不一样,并且与您在图表类型界面中获得的相同功能,当您可以将对象相互捕捉时。

谁能指出我的教程(任何语言)/代码/或建议如何实现它?

0 投票
1 回答
2843 浏览

javascript - javascript - 使用智能快照指南拖放

我目前正在构建一个小部件,允许用户为特定于应用程序的任务设计布局。我想为用户提供一个 powerpoint/keynote-esque 界面(la 280slides)。但是,我还想提供“快照指南”(抱歉,我没有更好的词来描述它们),它们基本上是帮助用户对齐页面上的多个元素的指南。

这方面的一个例子可以在 Flash IDE 中看到,在拖动 IDE 时,它会自动计算外围对象的尺寸和位置并尝试对齐它们。mockingbird 应用程序(https://gomockingbird.com/mockingbird/)实现了类似的功能。(提示:尝试拖动一些对象,看看有没有参考线试图在它们的边界框中对齐对象)。

我相信可以通过在视口上缓存一组元素并计算每个元素的位置和尺寸以找到最合适的捕捉来实现类似的效果。但是,如何计算被拖动元素的最可能位置?有没有替代解决方案?

有了解的高手请赐教!:)

0 投票
3 回答
5465 浏览

android - 具有捕捉效果的 Horizo​​ntalScrollView

是否可以为其中的每个视图制作具有捕捉效果的 Horizo​​ntalScrollView?(不是画廊)