問題タブ [panning]

パン (MouseDown、MouseMove、MouseUp) に使用する WPF scrollViewer があり、慣性を組み込んだ加速効果を含めたいと考えています。そのため、マウスがしきい値速度を超えて移動し、マウスを放した場合、パンは継続しますが、初期速度の関数として遅くなります。アイデア、考え、または例はありますか？

タグ<div>付きのを含むASP.Netページがあります。<img>画像が大きいため、<div>500x500ピクセルのサイズに設定され、オーバーフローがスクロールに設定されています。

画像をクリックしてドラッグし、画像のパンを追加しようとしています。ただし、ドラッグを開始するたびに、画像は要素の境界を超えてページ全体を消費します。

問題を説明するサンプルコードは次のとおりです。

また、このHTMLはASP.Net以外のページでも正常に機能することに注意してください。

この問題を引き起こしているASP.NetJavascriptに何かがありますか？<div>ASP.Netで機能するブロック内でJPEGをパンするための提案はありますか？jQueryUIライブラリを使用してみましたが、結果は同じです。

マウスの右クリックをキャプチャし、デフォルトのコンテキスト メニューを防止し、ユーザーがマウスをドラッグしたときに div のコンテンツをパンできるクロス ブラウザーの方法が必要です。これは、コンテンツをつかんでドラッグして必要なものを表示するという点で、Google マップとほぼ同じです。

外部ライブラリは使用しないでください。

私はすでにイベントをキャプチャしており、これがデフォルトのアクションを妨げることを知っています:

しかし、これはコンテキストメニューのAFAIKを妨げません。

編集:コンテキストメニューを防ぐ方法と、スクロールバーを操作する最良の方法は何ですか? 例は素晴らしいでしょう

画像パン＆スキャンシステムを作ろうとしています。画像をズームするスライダー (ドラッグ可能) と、画像の隅にある小さなマップ (ドラッグ可能) があります。ここで大まかな例を見ることができます (申し訳ありませんが、私はデザインの使用を許可されていないため、フォーマットされていません): http://lighe.madetokill.com/test/test.html

私の問題は、Firefox と Opera では問題なく動作しますが、100% 以外のズーム レベル (100% ではバター スムーズ) で、chrome、safari、IE (現在 IE では動作しません) で途切れるということです。

Webkit のパフォーマンスが低い理由は何ですか? 私はこれを間違って実装していますか？基本的に、画像の margin-left および margin-top プロパティを変更しています。100% で完全に滑らかになるので、これで十分な速度であることはわかっています。キャンバスを使用したほうがよいでしょうか？可能であれば、フラッシュ (または他のプラグイン) を避けようとしています。

また、これは進行中の作業であることに注意してください。これ以外にも他のバグがあるため、気にしないでください:)

前もって感謝します！

いくつかの機能を追加して、独自の「PictureBox のような」コントロールを作成しようとしています。たとえば、マウスをクリックしてドラッグするだけで、大きな画像をパンできるようにしたいと考えています。

問題は私のOnMouseMoveメソッドにあるようです。次のコードを使用すると、必要なドラッグ速度と精度が得られますが、もちろん、マウス ボタンを離して再度ドラッグしようとすると、画像が元の位置に復元されます。

しかし、OnMouseMoveメソッドを次のように変更すると、次のようになります。

...ドラッグが以前のようにスムーズではなく、時々奇妙な動作をすることがわかります(ラグなどで)。

私は何を間違っていますか？

また、この問題を解決するために絶望的な動きのすべての「ベース」コールを削除しようとしましたが、やはりうまくいきませんでした。

御時間ありがとうございます。

ipadのサファリブラウザのようなパンとズーム機能を実装しようとしています。

2 本の指でタッチしてズームするには、UIPinchGestureRecognizer を使用しました。しかし、2本指のパンを実装する方法がわかりません。

2 本の指でタッチすると、タップ数は 1 になります。

助けてください。

前もって感謝します。

私はフルスクリーン 3D ゲームを作成しており、ユーザーがハードウェア容量に合わせて画面解像度を選択できるメニューを作成しました。

次のように、使用可能なすべての画面モードを列挙していますEnumDisplaySettingsExA。

問題は、パンモードも取得していることです! どれがどれか区別がつかない; たとえば、私の ATI ラップトップには 1280x800 の最大通常モードがありますが、1024x600 のパン モードも含まれています。

2 つを区別する方法を知っている人はいますか? メニューからパン モードを拒否できますか?

私は320x480の画像を持っていますが、向きを変えると、この画像は明らかに見えなくなります。底が切り取られた状態で焦点が合っている画像がいくつかあります（これは望ましくありません）。ただし、私の問題は、ユーザーが垂直方向にパンして画像全体を表示すると、ビューが下部にスナップしているように見え、焦点の上部が切り取られていることを意味します。私が望んでいるのは、ユーザーが画像を「自由にスクロール」して、上下を切り落とすのではなく、焦点が中央の画面になるように画像を移動できることです。これは言葉で説明するのが難しい概念だと理解しているので、以下にいくつかの画像を添付しました。

これがその始まりです：

これはそれが底にスナップするところです：

これは私が望んでいる種類のビューですが、できません。

この「スナップ」を制御する方法、またはこの種の方向を具体的に処理するときにそれをオーバーライドするために使用できる方法はありますか？私の問題は、上下ではなく、ScrollViewの他の画像に左/右にパンするときにスナップしたいということです。

編集：

pagingEnabledはこのスナップを制御するプロパティですが、移動が上/下または左/右であるかどうかを検出し、その都度このプロパティを無効または有効にする方法はありますか？

あなたが提供できるどんな助けにも乾杯

ここで少し問題が発生しました。ASP Image コンポーネントにクライアント側の機能を追加する Javascript を実装しようとしました。実はこの画像コンポーネントは「AspxBinaryImage」と呼ばれる DevExpress コンポーネントの 1 つです。これは、ASP イメージを少し変更しただけで、CSS などを追加したものですが、基本は HTML と多数の JavaScript 行だけです。

さて、私の問題です。この画像にパンを実装しようとしました。どんな種類の ASP コンポーネントも省略して、単純な HTML ページにサイトの名前を付けるだけであれば、IE には問題はありませんが、Mozilla はまったく機能しません。この JavaScript を ASP ページ コンテキストで使用しようとすると、何も機能しません。

私はこれを見つけました：ASP.Net Page Overflows DivでJavascriptを使用して画像をパンし、その多くの部分を私の関数に適合させました。回答の1つで「カスタマイズ」も試しましたが、うまくいきませんでした。実際、Firefox の JavaScript コンソールと FireBug コンソールは、ソースに誤り、競合、または問題を検出していないようです。

これは、どのブラウザでも機能しない ASP ページの完全なコードです。

イベントハンドリング (特に HTML 要素のアクションから受け取る値) は、ブラウザーによって異なるようです...

あなたがそれで私を助けてくれることを願っています.

jQuery を使用したズームとパンについていくつか質問がありますが、それらはすべて (私が知る限り) マウスやスライダーの使用などのユーザーの動作にズームまたはパンを接続することに関係しています。

別のことに興味があります。パンを自動的に行うためのアドバイスはありますか? 私が考えていることは、このビデオで見ることができます。

http://www.youtube.com/watch?v=q-2WSDtksj0