Bitte helft mir! Proportionales Resize von Fenstern

[aljas]

Hallo,

entschuldigt diesen etwas reisserischen Aufruf, aber ich versuche seit Tagen, dynamisch erzeugte Fenster proportional skalierbar zu bekommen (d.h. dass die Seitenverhältnisse gleich bleiben). Bin mittlerweile ziemlich fertig, weil ich das für einen Flash-Dummy brauch', den ich am Dienstag für meine Fachprüfung benötige. Ich habe also ein "Dynamische-Fenster"-Skript folgendermaßen modifiziert:

Frame 2 des Drag-Buttons innerhalb des window-MCs:

breiteneu = this._x;
hoeheneu = this._y;

Die Position des Draggers innerhalb des dynamisch erzeugten Fensters wird hier also in Variablen geschrieben.

Frame 1 des Drag-Buttons innerhalb des window-MCs::

setProperty("_parent", _height, hoeheneu);
setProperty("_parent", _width, breiteneu);

Die Variablen werden hier also dem Fenster als neue Breite und Höhe zugewiesen.

Leider ist das Ergebnis nicht so, wie ich es theoretisch vermutet hätte. Der Dragger bleibt nicht innerhalb des Fensters und somit spinnt dieses auch nur rum. Wo ist also der große Denkfehler? Ich habe übrigens auch schonmal ausprobiert, der Variablen "hoeheneu" den Wert "this._x*1,42" zuzuweisen, also die Proportionalität miteinzubeziehen, aber das war ein noch größeres Fiasko... das stimmt dann plötzlich die Höhe des Fensters überhaupt nicht mehr.

Weiß vielleicht jemand von Euch einen Rat?!

Gruß

aljas
#

[artjom]

Frame 2 des Drag-Buttons

du hast in einem frame eines buttons code hinterlegt? das ist schon mal nicht möglich... zumindest nicht in mir bekannten flash versionen bis mx2004pro.

als dragger hab ich zuerst die leiste zum draggen des fensters vermutet, bis ich die .swf sah. deine .fla datei kann ich nicht öffnen weil du des nicht im flashmx2004 format abgespeichert hast.

sollte dieser ecken-dragger im window-fenster sein, dessen größe du mit _width und _height veränderst, so muss du dem ecke-dragger keine extra x,y position zuweisen. es ist viel einfacher, ungefähr so:

PHP-Code:

meinEckenDragger.onPress = function() {
    _parent.onMouseMove = function() {
        _width = _root._xmouse-_x;
        _height = _root._ymouse-_y;
    };
}; 


es ist übrigens nicht wirklich gut, dass du einem dialog _width und _height werte zuweist, die schrift darin und alles andere wird ebenso verkleinert/vergrößert und verliert an qualität. in solchen fällen benutzt man masken (deren größe dann mit _width und _height veränder wird).

gruß

[aljas]

Hallo artjom!

Erstmal vielen Dank, dass Du Dich meines Problems angenommen hast!

Zitat von artjom

du hast in einem frame eines buttons code hinterlegt? das ist schon mal nicht möglich... zumindest nicht in mir bekannten flash versionen bis mx2004pro.

Oh nein, entschuldige, hab' mich doof ausgedrückt. Der MC heisst Drag und in ihm liegt der DragBtn mit dem typischen startDrag. Der MC Drag enthält also die zwei Schlüsselbilder.

deine .fla datei kann ich nicht öffnen weil du des nicht im flashmx2004 format abgespeichert hast.

Oh ja, das hab ich verpennt (arbeite erst kurz mit 8, hab mir die Testversion von der Macromedia-Seite gezogen), hab's jetzt als MX2004 hier angehängt!

sollte dieser ecken-dragger im window-fenster sein, dessen größe du mit _width und _height veränderst, so muss du dem ecke-dragger keine extra x,y position zuweisen. es ist viel einfacher, ungefähr so:

Hab' Dein Prinzip verstanden, müsste eigentlich auch funktionieren, allerdings werden ja die Fenster dynamisch erzeugt. Insofern weiß ich nicht, wie ich jeweils nur den einen gewollten Drag-MC eindeutig ansprechen kann...

Das zweite Problem ist, dass ich auch immer noch keine Ahnung habe, wie ich die Proportionalität gewährleisten kann (also, dass z.B das Seitenverhältnis 1:1,42 beim Resizen bestehen bleibt).

Dass die Qualität schlechter wird ist momentan nicht so wild, da ich daran auch nach der Prüfung noch weiterfeilen werde. Ich will bis dahin halt nur die grundsätzliche Funktionalität des Skalierens präsentieren können...

Gruß

aljas
#

[aljas]

Hallo nochmal,

ich hab jetzt das Pfad-Problem umgangen, indem ich Dein Skript in die Zeitleiste des drag-MCs gelegt habe. Es funktioniert auch, aber leider beendet er das resizen nicht, wenn man die Maus loslässt! Und das, obwohl die onMouseMove-Funktion ja innerhalb der onPress-Funktion liegt... wie kann man das resizen also beenden??

Gruß

aljas
#

[aljas]

Juhuuu!

Mithilfe einiger älterer Threads hier im Forum habe ich das Ding jetzt zum Laufen gebracht. Hab's nochmal als MX2004-File angehängt, falls jemand anders sowas auch mal brauchen kann...

Vielen Dank für die Hilfe!

Gruß

aljas
#

[artjom]

warum haste im movieclips mit der instanz 'drag' 2 frames? .. den grund muss ich net checken

lösche diese 2 frames, so dass du nur 1 hast (ohne irgendwelchen code drin).
dann funzt diese lösung:

PHP-Code:

function windowObj (title, content) {

    //  get the current depth based on the array
    id++
    var depth = id;
    trace("id: "+id);

    //  create 
    _root.attachMovie("window", "window"+id, id);
    this.window = _root["window"+id];

    //  position
    this.window._x = defaultX+((id-1)*increment);
    this.window._y = defaultY+((id-1)*increment);

    // set data
    this.window.title = title;
    this.window.content = content;
    this.window.myID = id;
    this.window.myDepth = zOrderList.length;

    // set resize event
    var dlg=this.window;
    this.window.drag.onPress = function() { 
        var nW=_root._xmouse-dlg._x-dlg._width;
        var nH=_root._ymouse-dlg._y-dlg._height;
        this._parent.onMouseMove = function() {
            trace("xscale:"+this._xscale/100);
            trace("yscale:"+this._yscale/100);
            this._width =_root._xmouse-nW-dlg._x;
            this._height=_root._ymouse-nH-dlg._y; 
        }; 
    };     
    this.window.drag.onRelease=function() {
        delete this._parent.onMouseMove;
    };

    //
    zOrderList.push(id);    
} 


du hast übrigens das problem, dass der 'drag' movieclip nicht direkt unten an der ecke des windows-movieclips liegt. dies hat zur folge, dass beim klicken und loslassen der maustasten, der drag-movieclip unterschiedliche positionen annimmt... (bei der vorherigen lösung war es zumindest so).
damit dies nicht passiert, musste den abstand zwischen der rechten seite des windows-movieclips und des drag-movielclips berechnen. diesen abstand ziehst du dann von klick x und y position ab.
damit simulierst du praktisch, dass der window-movieclip dort endet, wo der drag-mc aufhört. und der benutzer klickt genau in die untere ecke des window-mc vieleicht war das dein kleines problem

gruß

[artjom]

oh in der selben minute gepostet, das nenn' ich timing
gruß

[aljas]

Zitat von artjom

warum haste im movieclips mit der instanz 'drag' 2 frames? .. den grund muss ich net checken

Tja, das hatte mal einen Grund,... und zwar als ich das Resize noch so gelöst hatte... ist ja auch egal ...

Zitat von artjom

oh in der selben minute gepostet, das nenn' ich timing

Jupp!

Deine Lösung ist natürlich erheblich eleganter, herzlichen Dank dafür... hab se gleich mal übernommen! Ich habe jetzt, da ich das Ding gerne proportional resizen will, nach this._height=_root._ymouse-nH-dlg._y; noch folgendes eingefügt:

PHP-Code:

this._height = this._width*1.42; 


Was hältst Du davon? Da es hierbei auch dazu kommen kann, dass man mit der Maus nicht ganz auf dem Button bleibt, habe ich auch noch

PHP-Code:

this.window.drag.onRelease=this.window.drag.onReleaseOutside=function() 


eingefügt, also das releaseOutside.

Bin sehr, sehr froh und erleichtert, dass das jetzt klappt! Nochmal allerbesten Dank für Deine Mühe und Zeit!!

Gruß

aljas
#

[artjom]

np

Da es hierbei auch dazu kommen kann, dass man mit der Maus nicht ganz auf dem Button bleibt,

dass kann nicht sein. das was du meinst resultiert dadurch, dass der drag-mc seine breite verändert und da er kein rechteck ist, verändert sich mit ihm seine klick-fläche.
z.b kannst du anfangs auf die mitte des drag-mc klicken (der ein dreieck is). setzt du die breite des drag-mcs aber auf über 500%, so ist in der mitte dieses mcs keine klickfläche mehr. das ding sooo wei ausgedeht, dass die klickfläche erst etwas weiter unten anfängt. mit onReleaseOutside löst man das problem auch, nur mit dem nachteil, dass beim vergrößern des fensters spontan das resizen abgebrochen wird

gruß

[artjom]

ahja, das problem kannst du easy lösen, indem du im dragBtn das frame "active" mit einem kompletten rechteck füllst.

[aljas]

Zitat von artjom

dass kann nicht sein. das was du meinst resultiert dadurch, dass der drag-mc seine breite verändert und da er kein rechteck ist, verändert sich mit ihm seine klick-fläche.

Nein, das meine ich nicht. Falls Du willst, kannst Du ja mal die angehängte SWF oder FLA ansehen. Da ist halt das Seitenverhältnis (durch meine Intervention) festgesetzt. Dadurch rutscht man mit dem Mauszeiger fast zwanghaft aus dem Drag-Bereich des Buttons heraus. Deshalb hatte ich ja gefragt, ob Du die Lösung für das Seitenverhältnis-Problem (this._height = this._width*1.42 für gut hältst.

Aber das ist alles nicht so wild, Hauptsache, das Ding ist jetzt benutzbar!

Gruß

aljas
#