2009-04-06 14 views
4

当社の製品チームはドラッグ&ドロップ操作中にカスタムカーソルを要求しました。ユーザーは、彼らが Adob​​e Flex/as3:カスタムドラッグ&ドロップカーソルを実装する方法

  • クローズドハンドGrabber.pngをドラッグすることができ、その項目の上に置いたときに表示されます。

    • オープンハンドGrabber.png:彼らは、実装するための3枚の画像を私に提供してきました:ドラッグされている項目
    • クローズドハンドグラバー・ノードロップは:アイテムは、それが

    私はこれらが埋め込まれているをドロップすることができないエリアの上にドラッグ画像をFlexアプリケーションに追加すると、今、目的の動作を実装しようとしています。

    私が最初に考えたのは、ドラッグ/ドロップイベントを聞き、CursorManager.setCursor()メソッドを使用してカーソルを設定することでした。このソリューションは非常にコード集約的で、さまざまなドラッグ/ドロップカーソル状態をスキンするための簡単な方法が必要であると感じています。

    アイデア?

  • 答えて

    5

    のDragManagerクラスで利用可能なさまざまなカーソルのスタイルをチェックアウト:

    copyCursor

    defaultDragImageSkin

    linkCursor

    moveCursor

    rejectCursor

    http://livedocs.adobe.com/flex/3/langref/mx/managers/DragManager.html

    +0

    OK、80%あります。 CSSに以下を追加しました: DragManager { moveCursor:Embed(source = "resources/images/Closed-Hand-Grabber.png"); rejectCursor:埋め込み(source = "resources/images/Closed-Hand-Grabber-No-Drop.png"); } 残っているのはmouseOverカーソルです... – user87659

    +0

    Listのmou​​seOverイベントとmouseOutイベントを処理することで、mouseOverが機能します。完璧! – user87659

    +2

    あなたは答えとして完全なコードを追加できると思いますか?同じ問題があり、コメントとして投稿したものとうまく動作しないようです。ありがとう。 – ChrisInCambo