問題タブ [draggesture]

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 に答える
272 参照

ios - ビューのドラッグ/パンを 2 つの CGPoints 間で制限する方法 (スライダーのように)

私は2つの独立したデータセットを持っています。1つは線を描くために使用され、もう1つは線Pathのどこかに小さなビューを配置するために使用されます(Circle)

スライダーのように想像できます(実際、UXはそのようなものでなければなりません)

ここに画像の説明を入力

赤い円のビューにドラッグ ジェスチャを追加して、ユーザーが線の端点の間の任意の場所にスライドできるようにしたいと考えました。しかし、私が実装または考えた方法は、まったく機能していないか、かなり悪いです。

既知のデータセットは次のとおりです。

  • StartLine- CGPoint

  • EndLine- CGPoint

  • PositionCircle View- CGPoint

例を簡単にするために、Top&といういくつかの単純なポイントを追加しましBottomたが、実際に達成しようとしているのは、緯度/経度座標を取得してスクリーン座標に変換することにより、マップレイヤーに境界を確立することですスペースとPathこれらの 2 点の (線) をプロットし、その後、ユーザーが周囲にラベルを付ける機能を提供し、ユーザーの必要に応じて周囲の線に沿って自由にドラッグできるようにします。(1 行に 1 つのラベル、複雑なことはありません)。

そうは言っても、スライダーはオプションではありませんでした。

次のようになります。
ここに画像の説明を入力

サンプルコード:

ポイントがオンラインかどうかを確認するヘルパー メソッド:

どんな助けでも感謝します。前もって感謝します。

0 投票する
2 に答える
902 参照

ios - SwiftUIのForEach内の画像にドラッグジェスチャーを追加する

私は現在、ユーザーに自分の植物ボックスといくつかの測定値 (地面の湿度、温度など) を表示するアプリを開発しています。各植物ボックスには内部にいくつかの植物があり、詳細ビューに表示されています。ユーザーが植物の 1 つを隅にドラッグして削除できるようにしたいと考えています。現在、私はこの実装を持っています:

次のようになります: コード スニペットのスクリーンショット

ただし、ドラッグを開始すると、両方の画像が移動します。両方の画像のオフセットが同じ変数 (DragOffset) にバインドされるためだと思います。1 つの画像だけが動くようにするにはどうすればよいですか?

植物のインデックスを特定のオフセットにマップするある種の配列を実装することを考えましたが、それをジェスチャに実装する方法がわかりません。助けてくれてありがとう!