問題タブ [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 - 値がリスト内の 2 つの値の間にあるかどうかを調べる 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を使用して設定します
    • プロ
    • カーソルは実際のカーソルであるため、マウスの後に遅延はありません
    • コン
    • 特に絶対入力デバイスと相対入力デバイスがあり、常にマウス位置をリセットするか、user32.dll/ClipCursor (System.Windows.Forms.Cursor.Clip は同じことを行います) を使用する必要があるため、スナップは非常に困難ですが、スナップされたカーソルは常にスナップ位置を中心に揺れる (逃げようとして、再びリセットされる....)
    • 私が使用するコードは、ランダムな時間の後に奇妙な例外をスローするため、現在のコードは非常に不安定に見えます
  • 自分のカーソルを最大化、最上位、allowtransparent、windowstyle = none、非表示のウィンドウにレンダリングし、手動でマウスの後にカーソルを移動します (Canvas.SetLeft(cursor, MousePosition.X) など)。
    • プロ
    • スナップは(簡単に)行うことができます
    • コン
    • マウスをクリックしてカーソルをヒットすると、カーソルがクリックされ、ウィンドウの向こうではありません
    • ディスパッチャーバックグラウンドループで常にマウス位置をポーリングすることは、私にはあまり美しくありません

2番目のアプローチを解決するには、マウスをクリックできるように、ホットスポットに少なくとも1つの透明なピクセルが必要です...それは私には本当の解決策のようには思えません...

アイデアは誰ですか?

編集:問題を示すためのサンプルソース...:

マウスを固定位置にスナップする際の問題を示すアプリとソースの例: 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の初心者です。

私はactionscript3でブラシツールを作成しようとしています。このツールでは、子供がブラシを使用して円の内側に色をペイントできます。私はlinestyleを使用してこれを達成しました。今、私は子供が完成しようとしているときにブラシが色をスナップするようにしたいです(たとえば、彼らが絵を完成させるために95%になったとき)。子供が円にどれだけ描いたかをどうやって知ることができますか?

ありがとう

0 投票する
1 に答える
1710 参照

android - Android ListView のスクロール

私は非常に背の高い行を持つ Android ListView を持っており、それは写真の垂直ギャラリーのようです。ビューを飛ばすとき、各ビューの開始時に正確に停止したいと思います。現在、次のビューに移動し、2 つのビューの間で停止しますが、これは私が望む効果ではありません。

これを実現するために使用できる設定はありますか?

0 投票する
1 に答える
134 参照

calayer - CALayers を使用したスナップ

メソッドを使用していくつかの CALayer を移動してい-mouseDraggedますが、それらが十分に近くにあるとき (またはそれらが少し重なっているとき) に「スナップ」したいと考えています。各レイヤーは「正方形」ではありません。さまざまなポリゴンを描いています。

これを行う方法は次のとおりだと思いました。

  1. 移動中のレイヤーの位置を取得します。
  2. 重なっているレイヤーまたは移動中のレイヤーの近くにあるレイヤーを取得します。
  3. (2)が真であるポリゴンの各辺で、移動レイヤーの辺と「近い」レイヤーの辺の間の最大距離(レイヤーの辺に直角)を確認する必要があります(レイヤーが重なっている場合、これは負の値です)。
  4. それに応じてレイヤーを移動します。

これが正しいアプローチかどうかはわかりません。私の頭に浮かぶ最初のことは次のとおりです。

  • 複数の面に「スナップ」できるとどうなりますか?

そして、このようにやっても(2)と(3)はどうすればいいのかわかりません。

それを行うより良い方法はありますか?

0 投票する
3 に答える
2126 参照

java - Building a drag and drop puzzle-type interface with snap alignment

I'm building an Android puzzle game where the user rotates and shifts pieces of a puzzle to form a final picture. It's a bit like a sliding block puzzle but the shape and size of pieces is not uniform - more like a sliding block version of tetris.

At the moment I've got puzzle pieces as imageViews which can be selected and moved around a view to position them. I've got the vector forms of the shapes behind the scenes as ArrayLists of Points.

But...I'm stuck on how to snap align the pieces together. I.e. when a piece is nearby another, shift one piece so that the nearby edges overlay each other (i.e. essentially share a boundary).

I'm sure this has been done plenty of times but can't find examples with code (in any language). It's similar to snapping to a grid but not the same and is the same kind of functionality you get in a diagramming type interface when you can snap objects to each other.

Can anyone point me toward a tutorial (any langauge) / code / or advise on how to implement it?

0 投票する
1 に答える
2843 参照

javascript - javascript - インテリジェントなスナップ ガイドによるドラッグ アンド ドロップ

現在、ユーザーがアプリケーション固有のタスクのレイアウトを設計できるようにするウィジェットを作成しています。そして、ユーザーにパワーポイント/基調講演風のインターフェイス (la 280slides) を提供したいと思います。ただし、基本的にユーザーがページ上の複数の要素を整列させるのに役立つガイドである「スナップガイド」(申し訳ありませんが、それらを説明するのに適切な言葉がありません) も提供したいと思います。

この例は Flash IDE で見ることができます。ドラッグすると、IDE は周辺オブジェクトの寸法と位置を自動的に計算し、それらを整列させようとします。モッキンバード アプリケーション (https://gomockingbird.com/mockingbird/) は、同様のことを実現します。(ヒント: いくつかのオブジェクトをドラッグしてみて、オブジェクトを境界ボックスに揃えようとするガイドがあることを確認してください)。

ビューポートに要素の配列をキャッシュし、各要素の位置と寸法を計算して最適なスナップを見つけることで、同様の効果が得られると思います。ただし、ドラッグされている要素の最も可能性の高い位置を計算するにはどうすればよいですか? 代替ソリューションはありますか?

どなたか詳しい方、教えてください!:)

0 投票する
3 に答える
5465 参照

android - スナップ効果のある Horizo​​ntalScrollView

内部の各ビューのスナップ効果を使用して Horizo​​ntalScrollView を作成することは可能ですか? (ギャラリーではありません)