問題タブ [panning]

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 投票する
1 に答える
4256 参照

c# - シンプルなパン PictureBox (Winforms)

C# winforms でパンの pictureBox を実装したいと考えています。autoScroll プロパティが true に設定されているパネルがあります。パネル内には、sizeMode が autoSize に設定されている pictureBox があります。pictureBox では、次のようなマウス イベントをリッスンしています。

問題は、ボタンを離した後も何かが mouseMove イベントを発生させ続け、画像が本来よりもはるかにゆっくりとパンされていることです。画像を数ピクセル (おそらく 2 または 3) ドラッグすると、ボタンを放した後、画像が数秒間パンされ、出力は次のようになります。

mousemove X: 66 Y: 37 mousemove X: 66 Y: 38 mousemove X: 66 Y: 39 mousemove X: 66 Y: 40 mousemove X: 66 Y: 41 mousemove X: 66 Y: 42 mousemove X: 66 Y: 43 mousemove X: 66 Y: 44 マウスムーブ X: 66 Y: 45 マウスムーブ X: 66 Y: 46

そう...

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

wpf - マウスイベントを使用してScrollViewerのPanningMode動作を取得する

PDFドキュメントでパンするのと同じ方法でScrollViewerのコンテンツをパンしようとしています(スクロールしてズームイン/ズームアウトし、クリックしてドラッグしてパンします)ScrollViewerには、タッチイベント用にこの機能が組み込まれています(PanningMode)ただし、これはClick+Dragイベントに変換されないようです。この機能をエミュレートするように指示する方法はありますか?

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

javascript - 最初の列が固定されたパン + ズーム HTML5 キャンバス グリッド

最初の列が固定された HTML5 キャンバス グリッドを作成したいと考えています (MS Excel にも同様のオプションがあります)。これまでに、次のものを作成できました: http://jsfiddle.net/dobbylan/AbnpE/

ここでの Phrogz の投稿に基づいて、パン + ズーム機能を追加しました: Zoom Canvas to Mouse Cursor

ただし、パンとズーム、および固定された列には次のような問題があります。

  • キャンバスが最初の列よりも右にパンされないようにしたいと思います。つまり、最初の列はせいぜい左の境界線にある可能性があります。(上枠、下パンも同様)
  • ズームすると、最初の列のスケーリングに問題があり、修正できません

誰かがこれについて私を助けてくれますか?

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

zooming - ハイチャートパン

この例に基づいてhighchartsパンを実装しようとしています:http: //jsfiddle.net/HXUmK/5/

ただし、マウスの左ボタンでズームしたり、マウスの右ボタンでパンしたりできるようにしたいと思います。そのため、上記のコードを変更して少し機能させることができましたが、マウスの右ボタンを押したままパンすると、グラフもズームします。

ハイチャートでマウスの右ボタンによるズームを無効にする方法はありますか?

編集:それについてあまり明確ではないことをお詫びします。jsfiddleのコードは私のコードではありません。そのコードを忘れてください、それは私が始めた魔女の単なる例です。左ボタンのズームと右ボタンのパンを取得するために、そのコードを変更しようとしています。そこで、マウスホイールズームを無効にして、標準のハイチャートズームをアクティブにしました

Edit2:これが私のコードです: http: //jsfiddle.net/TKPQN/

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

android - カスタムレイアウトでスクロール/パンまたはドラッグ

Androidを初めて使用するので、ズーム用のカスタム相対レイアウトを作成しました。今度は、Imageviewのように動作するはずのパン/ドラッグ、つまり境界制限を組み込みたいと思います。

私は行列を使用していませんが、ScaleGestureDetector.SimpleOnScaleGestureListener。パン/ドラッグを同じものに組み込みたいと思います。

コードでドラッグ/パンを実行するにはどうすればよいですか?これが私のカスタム相対レイアウトであり、適切なコメントと理解があります。

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

android - ズーム可能/パン可能なコンテナーの構築

コンテンツのパンとズームをサポートする ViewGroup を作成しようとしています。私がオンラインで見つけたのは、ImageView でこれを行うためのアイデアと実装だけでしたが、コンテナーではありませんでした。地図を表示したいのですが、その上に ImageButton である複数のマーカーを表示したいので、ユーザーはそれらをタップして詳細情報を取得できます。これは、iOS では UIScrollView によって実現されますが、Android では代替手段が見つかりませんでした。

FrameView を使用することにしたので、画像を背景として ImageView を設定し、その上に RelativeLayout を追加して、ImageButton を追加し、余白を使用して配置することができました。

ここでTouchImageView の実装の一部を借りましたが、問題が発生しました。私はパンニングから始めましたが、部分的に成功しました。コンテナをパンしますが、パンニングは恐ろしく機能し、多くのジッターが発生します。これが私のコードです:

どんなアイデアでも大歓迎です。

編集:移動するときに、デルタXとデルタYが正と負の数値を交互に繰り返し、LogCatをチェックするため、ジッターが原因のようです...理由はまだわかりません。これは、毎回異なる値を与える curr 変数によって引き起こされますが、一貫性がなく、指が前進するだけでなく、前後に動いているように見えます。たとえば、curr.x は 0、1、2、3、4 などではなく、0、1、0.5、2、1.5 などです。理由もわかりません。

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

android - 多数のオーバーレイを追加した後、MapView のパンとズームが遅くなる

そのため、これを高速化する方法を見つけようとかなりの時間を費やしましたが、今はアイデアがありません。画面全体mapPopupに aが表示されるクラスがあります。inMapViewの配列の配列があり、配列の2 次元で各 GeoPoint 間に線を引きたいと考えています。を拡張するカスタム クラス を使用してこのタスクを既に完了しましたが、すべてのマップ オーバーレイが描画されると、マップのズームまたはパンが非常に遅くなるという問題が発生します。すべてのオーバーレイがマップに追加されると、多くの場合 2000 を超えますが、それらはすべて非常に小さいものです。GeoPointmapPopupmapOverlayOverlay

オーバーレイが少ない方がマップの動作が速くなると考えて、すべての線を、線ごとに別々のオーバーレイではなく、3 つの別々のオーバーレイに描画しました。これにより、実際にはマップのパンとズームが遅くなったため、多くの小さなオーバーレイに戻りました.

マップを高速化するために使用できる方法について、有益で理解しやすい説明をいただければ幸いです。潜在的なメソッドの疑似コードまたは実際のコードも、それをよりよく理解するのに役立ちます。私のコードは以下に掲載されています。繰り返しますが、オーバーレイとマップが正しく表示されていることに注意してください。より高速なパンとズームを可能にする方法が欲しいだけです。

mapOverlay クラス

mapPopup クラス

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

wpf - ユーザーがBingMapsでマップを移動しているかどうかを確認します

WPFでBingMapsを使用しようとしていますが、オンラインで検索すると誤った希望につながるため、すべてが混乱します。何かを検索しますが、WPFバージョンではなくAJAXバージョンを取得します。誰かが私に適切なドキュメントを教えたり、この問題を手伝ったりすることができれば、私は永遠に彼らの借金を負います。

WPFアプリに、ユーザーがスクロールしているときに追跡したいマップがあります。マップをDragEnterイベントに関連付けようとしましたが、何もしませんでした。私の質問は、ユーザーがマップをパンまたはズームしているかどうかを確認するために使用できるイベントがあるかどうかです。

前もって感謝します。

0 投票する
0 に答える
1224 参照

ios - (iOS) UIGestureRecognizer を使用してビューをズームおよびパンする

UIGestures を使用して、UIScrollView と同様のズームとパンを実行しようとしています。

私のビューは、ON/OFF セルのマトリックスから描画され、何千ものセルをサポートできる必要があります。drawRect: メソッドは、マトリックス座標を画面座標に変換します。ビューには、ズーム量のプロパティと、オフセットを保持する CGPoint があります。

以下のズームとパンが分かればいいと思います。以下のコードの壁で申し訳ありませんが、これは私のより複雑なプログラムを反映した完全な実装を表しています。

現在、ズームはすべてをスケーリングしますが、UIScrollView のズームと同じように、ズーム自体を中央に配置する方法が必要です。

パンニングがまったく機能しません。


ZoomView.h

ZoomView はブール値のマトリックスを描画します。


ZoomView.m

drawRect: メソッドは、どのマトリックス要素を画面の可視部分に配置するかを決定するための計算を行います。画面の表示部分は、zoomScale とオフセットによって決まります。


ZoomViewController.h

このView Controllerには、ジェスチャー認識エンジンとハンドラーが含まれています


ZoomViewController.m

zoomView は、画面フレームをフレームとして持つ UIView 内に設定されます。zoomView 自体は、半分のセルを描画できるように、画面よりも少し大きく作られています。


ZoomModel.h

このクラスは、bool のマトリックスにランダムな ON/OFF 値を入力するだけで、画面上で何かを見ることができます。アクセサー メソッドで、より複雑なアプリ モデルをシミュレートします。


ZoomModel.m