Drag and Drop

[cytrics]

Hy,

habe das Problem, dass ich Bilder aus eienm Array anzeige und diese einzeln mit Drag and Drop verschieben möchte.

Aber es bewegen sich immer nur alle zusammen...

import flash.events.MouseEvent;

// Liste der externen Bilder
var bilder:Array = ["Bilder/bild1.jpg", 
					"Bilder/bild2.png", 
					"Bilder/bild3.gif"];
var clip:MovieClip = new MovieClip();
addChild( clip );

for (var i = 0; i < bilder.length; i++)
{
	clip.addEventListener( MouseEvent.MOUSE_DOWN, myDownDrag );
	clip.addEventListener( MouseEvent.MOUSE_UP, myUpDrag );
	
	var loader:Loader = new Loader();
	var urlReq:URLRequest = new URLRequest(bilder[i]);
        loader.load(urlReq);
        clip.addChild(loader);	

	function myDownDrag(event:MouseEvent):void
	{
		clip.startDrag();		
	}
		
	function myUpDrag(event:MouseEvent):void
	{
		clip.stopDrag();	
	}
}

Was mache ich falsch?

Gruß

[gaspode]

Bin mir hier bei der Syntax nicht ganz sicher.

PHP-Code:

for (var i = 0; i < bilder.length; i++)
{
  var loader:Loader = new Loader();
  var urlReq:URLRequest = new URLRequest(bilder[i]);
  loader.load(urlReq);

  loader.addEventListener( MouseEvent.MOUSE_DOWN, myDownDrag );
  loader.addEventListener( MouseEvent.MOUSE_UP, myUpDrag );
  clip.addChild(loader);
}

function myDownDrag(event:MouseEvent):void
{
  event.target.startDrag();        
}
        
function myUpDrag(event:MouseEvent):void
{
  event.target.stopDrag();    
} 


Das Problem besteht aber darin, daß Du alle
Bilder in einen MovieClip lädst und auf diesen
den Drag-Befehl packst. Folglich müssen sich
ja alle mitbewegen.

gruß, gaspode

[cytrics]

Hy,

d.h. ich muss für jedes Bild einen mc erstellen?

Danke


Gruß

[gaspode]

Genau.

So war das zumindest »früher«.
Ich bin in AS3 noch nicht ganz so fit.
Da ist es doch irgendwie so, daß die
Loader-Instanzen selbst zu den Clips
werden wo etwas reingeladen wird?!

gruß, gaspode

[Omega Psi]

Ja, das würde Sinn machen. Oder eine eigene Klasse, die einen Loader kapselt. Diese könntest du in einem Array verwalten. Also, so als Idee.

[cytrics]

Hy,

danke für die Tipps...
Werde es einmal testen..


Grüße Olli

[Omega Psi]

Das Problem ist, dass Loader nicht die folgenden Funktionen unterstützt:

• Sprite#startDrag(lockCenter:Boolean = false, bounds:Rectangle = null):void
• Sprite#stopDrag():void

Deswegen würde ich das so angehen:

package {
 
  // imports
 
  public class InteractiveSprite {
 
    private var loader:Loader;
 
    public function InteractiveSprite() {
      this.loader = new Loader();
      // EventListener adden
    }
 
    protected function eventListener(event:Event):void {
      if ((event.type == MouseEvent.MOUSE_DOWN) &&
              (event.target == this)) {
        this.startDrag();
      }
      // Die anderen Listener analog
    }
 
    /**
     * Beispielkapselung einer Loader Funktion.
     */
    public function load(request:URLRequest, context:LoaderContext = null):void {
      this.loader.load(request, context);
    }
  }
} 

Die anderen Funktionen analog implementieren, damit du einen saubere Kapselung erreichst.

So als Beispiel

[cytrics]

Hy,

danke Omega Psi,
so passt es, und die Kapselung ist in der Tat optimal..!!

Hast du noch einen Tipp, wie ich die Bilder dann verlinken kann?
Und die Position angeben...

(Fange gerade erst an mit AS 3...)


Danke


Gruß Olli

[Omega Psi]

Du gibst der Klasse ein Attribut url (private, Zugriff über get und set Methode). Die Position gibst du an wie bei jedem Sprite. Was meinst du denn mit Verlinkung?

[cytrics]

Hy,

ich möchte Thumbs anzeigen lassen und das Original auf Klick anzeigen...
Wie bei einer Galerie...


Grüße

[Omega Psi]

In der SWF oder ausserhalb? Wenn es in der SWF ist übergibst du am besten die Referenz auf einen Sprite/Loader, der das Bild anzeigen soll. Wenn es ausserhalb sein soll halt einen String, den du per navigateToURL (so meine ich zumindest) aufrufst.

Wenn du allerdings die Klasse so nimmst und einen MouseEvent.CLICK und einen MouseEvent.MOUSE_DOWN an dem ding registrierst, kann das zu einem unerwünschten Verhalten führen. Dann wäre es besser dem Sprite einen Anfasser mit zugeben, der das Drag'n Drop realisiert.

[cytrics]

Ok, danke...

Ich denke, ich lasse ein Fenster mit dem Bild aufgehen...
Sollte ausreichen...


Grüße Olli