[Stuff] DynamicDrag - weiches draggen von Mcs

[Vampire's Party]

So, mal wieder ein kleiner Stuff-Thread von mir

Diesmal gehts darum Mcs weicher zu draggen. Man kann auswählen, welcher MC Events empfangen und welcher im Endeffekt gedragged werden soll. Das kann sehr nützlich sein, wenn man Formulare verwendet und/oder bestimmte Events des "Haupt-MCs" nicht überschreiben möchte.

Ansehen (Datei sample.html) und herunterladen: hier


Verwendung:

DynamicDrag (dgTarget:MovieClip[, dgEventTarget:MovieClip]) 

Übersicht über Eigenschaften und Methoden:

Public properties:  
------------------
- [Boolean] DynamicDrag.rotate (default: false)
 
 
 
Public methods: 
---------------
- [Void] setRectLimitation (rectLimit:Rectangle)
    -> sets a limitation rectangle in which the MC can move
- [Void] unsetRectLimitation ()
    -> disables the limitation rectangle
- [Void] tweenMovieClip (xTarget:Number, yTarget:Number)
    -> tweens the MC to the given coords. Uses rotation if enabled 

AS-Code des Beispiels:

import org.tools.DynamicDrag;
import flash.geom.Rectangle;
 
 
var limitationRect:Rectangle = new Rectangle (0, 0, Stage.width, Stage.height);
 
var loginFormDragger:DynamicDrag    = new DynamicDrag(login_form_mc, login_form_mc.background_mc);
var squareDragger:DynamicDrag     = new DynamicDrag(square_mc);
 
loginFormDragger.rotate = true;
loginFormDragger.setRectLimitation (limitationRect);
squareDragger.setRectLimitation (limitationRect); 

Viel Spaß damit

[psyk]

Schönes Ding du, gleich mal auf die Platte geband.


Einzig eine Begrenzung des draggens könnte man noch einarbeiten.

[bobo_k1]

schaut gut aus - im repository drin

[Vampire's Party]

Eine Begrenzung ist kein Problem. Eigentlich hatte ich das schon fertig, aber halt nicht als Klasse. Ich baue den Code im Laufe des Tages ein...

[bloba]

nettes ding, da fehlt aber noch definitv der schatten drunter, wenn man klickt

[Vampire's Party]

Ich habe den Code mal etwas erweitert. Man kann jetzt auswählen, ob eine Rotation angewendet werden soll und angeben, in welchem Rechteck sich der MC bewegen darf. Wird er außerhalb des Rechtecks gezogen, kommt er wieder zurück. Wäre ein Ansatz für eine Pink-Pong-Engine

Zudem ist die tweenMovieClip Methode jetzt öffentlich. Man kann den MC nun zu einer bestimmen Koordinate tweenen lassen. Auch mit Rotation - sofern eingestellt.

Der Post oben, die Beispieldatei und der Download wurden aktualisiert.

Zitat von bloba

nettes ding, da fehlt aber noch definitv der schatten drunter, wenn man klickt

Ein ganz kleiner Schatten ist drunter. Wer ihn findet, bekommt von mir ein Bonbon

[Vampire's Party]

Ich habe noch ein paar Modifizierungen am Code vorgenommen:
- onMouseMove entfernt
- ein paar Fehler bei der Methode tweenMovieCLip() beseitigt

Frisst jetzt also weniger Performance...

[Scheidlf]

Ich stimme den anderen zu. Nettes Teil!

[psyk]

Hier noch die gewünschte Shadow-Extentsion.

[bobo_k1]

ist immer noch ne geile Klasse - ich hab nur jetzt ein Problem.

Wie kann ich denn auf Objekte in dem gedraggten Bereich per onRelease zurückgreifen?

also so:

PHP-Code:

//der gesamte Container wird gedraggt
var dragger:DynamicDrag = new DynamicDrag(container);

//jetzt möchte ich einen MC innerhalb von container ansprechen

container.img1.onRelease = machwas; 


das Drag-Verhalten ist aber immer vorrangig - was ist zu tun?

[psyk]

Ich wird sagen bastel dir einen seperaten Drag-Background (innerhalb
des Main-MC) und gibals Dragtarget gibst den Main-MC an.

[Randy]

Erstmal: Klasse Teil. Sieht echt Hammer aus.

Ich habs mal eingebaut bei mir, funzt super, aber ich hab ein kleines Problem mit setRectLimitation. Hab folgenden Code (erstellt mit Flashdevelop)

PHP-Code:

import org.tools.DynamicDrag;
import flash.geom.Rectangle;
class Main
{
    static function main()
    {
       var limitationRect:Rectangle = new Rectangle (0, 0, 200, 200);
        _root.createEmptyMovieClip("mc_holder", 1);
        var myimage:ImageViewer = new ImageViewer(_root.mc_holder, 1, 10, 10, 200, 130, 0, 0xFFFFFF);
        myimage.loadImage("image.jpg");
        var dragger:DynamicDrag = new DynamicDrag(_root.mc_holder);
        dragger.rotate = true;
        dragger.setRectLimitation(limitationRect);
        
    
        
    }
} 


Ich kann das Ding aber nach Belieben auch über den Desktoprand hinaus ziehen...

[dante]

wie kann ich genau Mausereignisse innerhalb der gedraggten mc auffangen?
funktioniert so irgendwie nicht:

import org.tools.DynamicDrag;
import flash.geom.Rectangle;
 
 
var limitationRect:Rectangle = new Rectangle (0, 0, Stage.width, Stage.height);
 
 
 
var foo = new DynamicDrag (mc1, klicker_mc);
var foo1 = new DynamicDrag (mc2, klicker_mc);
 
foo.rotate = true;
foo1.rotate = true;
 
foo.tweenMovieClip(100,100);
foo1.tweenMovieClip(5,5);
 
 
mc1.klicker_mc.onRelease = function() {
    trace("hallo");
    } 

[dante]

ich habe versucht, eine funktion die beim klicken ausgeführt werden soll mit zu übergeben:

also dass man es so verwenden kann
var foo = new DynamicDrag (mc1, null, noname);
um zB die Funklion
function noname() {
trace("hallo "+ this);
}
beim klicken auf ein dragbares feld aufrufen kann.


Es scheitert aber wohl irgendwo hier

trace("func "+func);
        trace("eventTarget "+eventTarget);
//    eventTarget.transp.onRelease  = Delegate.create(this, func);
        eventTarget.transp.onRelease    = func; 

func wird als funktion erkannt, "transp" ist ein button der in jedem mc liegt, das target sollte auch stimmen

getraced wird das:
func [type Function]
eventTarget _level0.mc2

Die Funktion rührt sich aber nicht

[psyk]

Der Release-Events wird hier vergeben.

PHP-Code:

eventTarget.onRelease = Delegate.create(this, mouseUp_handler); 


ergo, wenn überhaupt müsstest du dann deine Funktion in der mouseUp_handler-
Methode implimentieren.

PHP-Code:

// Entferne Listener, wenn die Maus losgelassen wird
private function mouseUp_handler ():Void 
{
    func;
    // .. 


BTW: Dein Release-Event wird aber vom dem Main-Release-Event.

Vielleicht solltest du nochmal genauer schildern was du erreichen willst.