ドラッグアンドドロップ機能を使用する必要があるFlexプロジェクトに取り組んでいます。アイテムとしての画像で満たされたTileListとCanvasがあります。タイルリストの「 dragEnabled」プロパティと「dragMoveEnabled」プロパティを使用して画像(アイテム)をドラッグ可能にしましたが、キャンバスをドロップ可能領域にすることはできません。
ちなみにフレックスは初めてなので、シンプルにしてください。そしてありがとうございました
ドラッグアンドドロップ機能を使用する必要があるFlexプロジェクトに取り組んでいます。アイテムとしての画像で満たされたTileListとCanvasがあります。タイルリストの「 dragEnabled」プロパティと「dragMoveEnabled」プロパティを使用して画像(アイテム)をドラッグ可能にしましたが、キャンバスをドロップ可能領域にすることはできません。
ちなみにフレックスは初めてなので、シンプルにしてください。そしてありがとうございました
私はこのコードを作りました!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
//Import classes####################################################################
import mx.managers.DragManager;
import mx.core.DragSource;
import mx.events.DragEvent;
import flash.events.MouseEvent;
// IMAGES ###########################################################################
[Bindable]
[Embed(source="assets/images/thumb/1.jpg")]
public var photo1:Class;
[Bindable]
[Embed(source="assets/images/thumb/2.jpg")]
public var photo2:Class;
// FUNCTIONS ###########################################################################
import mx.core.DragSource;
import mx.managers.DragManager;
import mx.events.DragEvent;
import mx.controls.Alert;
private function dragEnterHandler(event:DragEvent):void {
if (event.dragSource.hasFormat("items")){
DragManager.acceptDragDrop(Canvas(event.currentTarget));
}
}
private function dragDropHandler(event:DragEvent):void {
}
]]>
</mx:Script>
<!-- ######## CONTROLS ############################################################ -->
<!-- canvas -->
<mx:Canvas dragDrop="{dragDropHandler(event)}" dragEnter="{dragEnterHandler(event)}" x="395" y="10" width="436" height="486" backgroundColor="#FFFFFF">
</mx:Canvas>
<!-- tile list -->
<mx:TileList x="0" y="10" height="100%" width="154" columnCount="1" id="tl" maxColumns="1" dragEnabled="true" dragMoveEnabled="false" allowMultipleSelection="false" >
<mx:dataProvider>
<mx:Array>
<mx:Object label="photo 1" icon="{photo1}" data="photo" />
<mx:Object label="photo 2" icon="{photo2}" data="photo" />
</mx:Array>
</mx:dataProvider>
</mx:TileList>
</mx:Application>
キャンバスはドラッグを受け入れるようになりましたが、画像をドロップすると、画像が消えます。DragDrop イベントを処理する関数を作成する必要があることはわかっていますが、dragSource 画像を取得する方法がよくわかりません。どんな助けでも..私は感謝します
ドラッグ アンド ドロップ機能は、リスト ベースではないコントロールに手動で追加できます。を見てみましょう:
上記を実装しようとしてもまだ苦労している場合は、いくつかのコードを投稿してください。喜んでお手伝いします。