Menü nachbauen!

[johanness]

Hallo,

schaut euch bitte folgendes Menü an.

Hat irgendwer eine .fla, die das gleiche macht? Mir ist das nämlich zu schwer und ich hätte gerne bissl was leichteres!

Oder vielleicht jemand Ansätze?

[wangman]

link fehlt

[johanness]

Sorry

[RustyCake]

Gehts auch gezippt
gesittet ist nich so Doll

[johanness]

Hier.

[Janoscharlipp]

Da würde ich ein Array anlegen, in dem dann die einzelnen MCs referenziert werden.

Also irgendwie die Daten laden, dann z.B. splitten, für jeden Eintrag einen MC erstellen, und in meinem menueArray eine referenz darauf erstellen.

Am besten, du erstellst eine Klasse "StrechingButton", und mit Object.registerClass verbindest du dann ein Symbol aus der Bib damit.

Allerdings brauchst du auch noch eine zentrale Steuerung, damit du die anderen buttons ansteuern kannst, also auch noch gleich eine Klasse "StrechingMenue"...

[johanness]

Ich hab jetzt selber schon mit einem Beispiel von Rusty rum gebastelt.
Jetzt ist gas ganz eigetnlich "nur" noch etwas ungenau und die Buttons müssten noch passen verrutscht werden!

Vielleicht hat jemand Ideen?

mcs = ["mc1", "mc2", "mc3", "mc4", "mc5"];
 
diff = 50; // Hier die Differenz, die der Button scaliert werden soll, festlegen
 
ausgang = 80; // ausgangswert gesetzt nach Breite der Buttons
maximum = ausgang + diff;
minimum = ausgang - (maximum - ausgang)/mcs.length;
trace("Als Minimum wurde " add minimum add " errechnet!");
 
MovieClip.prototype.make = function(zb) {
    this.onEnterFrame = function() {
        
        this._width += (zb-Math.round(this._width)) / 3;
 
        if (Math.round(this._width) == zb) {
            delete this.onEnterFrame;
        }
        
    };
};
for (i=0; i<mcs.length; i++) {
    
    this[mcs[i]].onRollOver = function() {
        
        for (var j = 0; j<mcs.length; j++) {
            if(this._parent[mcs[j]] != this) {
                this._parent[mcs[j]].make(minimum);
            } else { 
                this.make(maximum);
            }
        }
    };
    
    this[mcs[i]].onRollOut = function() {
        for (var j = 0; j<mcs.length; j++) {
            this._parent[mcs[j]].make(ausgang);
        }
    };
    
} 

[johanness]

Kann dieses Script keiner so erweitern, dass die Buttons passend nach links bzw. rechts verschoben werden?

[johanness]

Hallo,

ich habe jetzt mal weiter gemacht:

mcs = ["mc1", "mc2", "mc3", "mc4", "mc5"];
 
xEinzug = 50.5;     // Hier festlegen, wie weit der erste Button vom Rand entfernt ist
diff = 50;    // Hier die Differenz, die der Button scaliert werden soll, festlegen
ausgang = 80;     // Ausgangswert gesetzt nach existierende Breite der Buttons
 
maximum = ausgang + diff;
minimum = ausgang - (maximum - ausgang)/mcs.length;
 
 
// ---------------------- RollOver-Effekte festlegen ------------------------ //
for (i=0; i<mcs.length; i++) {
 
 
    this[mcs[i]].used = i;              // Dem RollOver-Button einen Index geben (!)
    
 
    this[mcs[i]].onRollOver = function() {      // Bei RollOver
 
        for (var j = 0; j<mcs.length; j++) {        // Alle MCs ändern
            this.notused = j;                  // Den Buttons einen Index geben
            // this.used  =  Wird benutzt
            // this.notused  =  Wird nicht benutzt
 
            
            if(this._parent[mcs[j]] != this) {
                
                if(this.notused < this.used) {
                    trace("Ich (mc" add this.notused add ") bin KLEINER als der benutzte Button (mc" add this.used add ")");
                    xPos(this.used, this.notused);
                } else {
                    trace("Ich (mc" add this.notused add ") bin GRÖSSER als der benutzte Button (mc" add this.used add ")");
                    xPos(this.used, this.notused);
                }
                
                
                this._parent[mcs[j]].OverScal(minimum, this.notused);   // Wenn nicht der RollOver-Btn
            } else { 
                this.OverScal(maximum, this.notused);               // Wenn der RollOver-Btn
            }
            
        }
        
    };
    
    this[mcs[i]].onRollOut = function() {         // Bei RollOut
        for (var j = 0; j<mcs.length; j++) {        // Alle MCs müssen geändert werden
            this.i = j;        // Den Button einen Index geben              
            this._parent[mcs[j]].OutScal(this.i); 
        }
    };
    
}
 
 
 
 
xPos = function(used, notused) {
    
    partDiff = (maximum - ausgang)/mcs.length;
        
    if(notused < used) {
        
        verschub = partDiff + (2*partDiff*notused);
        
        trace(notused add " kleiner als " add used add " >>> Nach links bewegen!");
        trace("### Nach Links um " add verschub);
    }
};
 
 
 
 
 
 
// ---------------------- Prototype zum Scalieren und verschieben ------------------------ //
MovieClip.prototype.OverScal = function(zb, indx) {
    this.onEnterFrame = function() {
        
        this._width += (zb-Math.round(this._width)) / 3;    // Dynamisch groß/klein Scalieren
        if (Math.round(this._width) == zb) {                // Wenn ca. fertig groß/klein scaliert
            delete this.onEnterFrame;
        }
        
    };
};
 
 
MovieClip.prototype.OutScal = function(indx) {
    this.onEnterFrame = function() {
        this._width += (ausgang-Math.round(this._width)) / 2;   // Dynamisch auf Ausgang scalieren
        if (Math.round(this._width) == ausgang) {      // Wenn ca. fertig auf Ausgang scaliert
            this._width = ausgang;            // Genau auf die Ausganggröße bringen
            this._x = indx*ausgang + xEinzug;         // wie anfangs ausrichten
            delete this.onEnterFrame;
        }
    };
}; 

Vielleicht hätte ja wer die Güte sich das mal anzusehen!? So müsste es doch gehen. Fügt das Script ein und es wird getraced wie weit die Buttons verschoben werden müssten!

[johanness]

Hallo,

der Stand ist jetzt folgender:
- Ich brauche "nur" noch die Funktion, die meine Buttons zur richtigen Zeit zur errechnetten Stelle schiebt.
- Es wird getraced, wie groß dieser "Verschub-Wert" ist.

In die xPosNotUsed-Function müsste man meiner Meinung nach den Code in einer oEF schreiben!?



Wenn sich das bitte einer anschaut!

mcs = ["mc1", "mc2", "mc3", "mc4", "mc5"];
 
xEinzug = 50.5;     // Hier festlegen, wie weit der erste Button vom Rand entfernt ist
diff = 50;    // Hier die Differenz, die der Button scaliert werden soll, festlegen
ausgang = 80;     // Ausgangswert gesetzt nach existierende Breite der Buttons
 
maximum = ausgang + diff;
minimum = ausgang - (maximum - ausgang)/mcs.length;
 
 
// ---------------------- RollOver-Effekte festlegen ------------------------ //
for (i=0; i<mcs.length; i++) {
 
 
    this[mcs[i]].used = i;              // Dem RollOver-Button einen Index geben (!)
    
 
    this[mcs[i]].onRollOver = function() {      // Bei RollOver
 
        for (var j = 0; j<mcs.length; j++) {        // Alle MCs ändern
            this.notused = j;                  // Den Buttons einen Index geben
            // this.used  =  Wird benutzt
            // this.notused  =  Wird nicht benutzt
 
            
            if(this._parent[mcs[j]] != this) {              // Wenn nicht der RollOber-Btn
                xPosNotused(this.used, this.notused);               // Bewegen
                this._parent[mcs[j]].OverScal(minimum, this.notused);   // Scalieren (>kleiner)
            } else {                                        // Wenn der RollOver-Btn
                this.OverScal(maximum, this.notused);               // Scalieren (>größer)
            }
            
        }
        
    };
    
    this[mcs[i]].onRollOut = function() {         // Bei RollOut
        for (var j = 0; j<mcs.length; j++) {        // Alle MCs müssen geändert werden
            this.i = j;        // Den Button einen Index geben              
            this._parent[mcs[j]].OutScal(this.i); 
        }
    };
    
}
 
 
 
 
xPosNotused = function(used, notused) {
    
    partDiff = (maximum - ausgang)/mcs.length;
 
    if(notused < used) {        
        verschub = partDiff + (2*partDiff*notused);  
        trace("mc" add notused add " kleiner als mc" add used add " >>> Nach LINKS  bewegen um " add verschub);
    } else {
        verschub = partDiff + (2*partDiff*(4-notused));  
        trace("mc" add notused add " größer  als mc" add used add " >>> Nach RECHTS bewegen um " add verschub);
    }
    
    
 
 
 
    
};
 
 
 
 
 
 
// ---------------------- Prototype zum Scalieren und verschieben ------------------------ //
MovieClip.prototype.OverScal = function(zb, indx) {
    this.onEnterFrame = function() {
        
        this._width += (zb-Math.round(this._width)) / 3;    // Dynamisch groß/klein Scalieren
        if (Math.round(this._width) == zb) {                // Wenn ca. fertig groß/klein scaliert
            delete this.onEnterFrame;
        }
        
    };
};
 
 
MovieClip.prototype.OutScal = function(indx) {
    this.onEnterFrame = function() {
        this._width += (ausgang-Math.round(this._width)) / 3;   // Dynamisch auf Ausgang scalieren
        if (Math.round(this._width) == ausgang) {      // Wenn ca. fertig auf Ausgang scaliert
            this._width = ausgang;            // Genau auf die Ausganggröße bringen
            //this._x = indx*ausgang + xEinzug;   // wie anfangs ausrichten
            delete this.onEnterFrame;
        }
    };
}; 

[RustyCake]

Ich und der bloba haben mal was zusammengenagelt!!
Hehe bin imo bisschen durch den Wind!!
net erschrecken

mcs = ["mc1", "mc2", "mc3", "mc4", "mc5"];
kord = [];
MovieClip.prototype.make = function(koordX, widthX, speed) {
    if (this._x != koordX || this._width != widthX) {
        this.onEnterFrame = function() {
            var deltaX = this._x-koordX;
            var gamaX = this._width-widthX;
            var dist = Math.sqrt(deltaX*deltaX);
            var dist2 = Math.sqrt(gamaX*gamaX);
            var moveX = speed*(deltaX/dist);
            var move2X = speed*(gamaX/dist2);
            if (speed>=dist && speed>=dist2) {
                this._x = koordX;
                this._width = widthX;
                delete this.onEnterFrame;
            } else {
                this._x -= moveX;
                this._width -= move2X;
            }
        };
    }
};
for (var i = 0; i<mcs.length; i++) {
    kord.push(this[mcs[i]]._x);
    this[mcs[i]].onRollOver = function() {
        w = this._name.slice(2, 3);
        temp = mcs.slice(w, mcs.length);
        for (var j = w; j<mcs.length; j++) {
            this._parent[mcs[j]] != this ? this._parent[mcs[j]].make(kord[j]+40, 80, 5) : this.make(kord[j], 120, 5);
        }
        for (var j = 0; j<w; j++) {
            this._parent[mcs[j]] != this ? this._parent[mcs[j]].make(kord[j]-40, 80, 5) : this.make(kord[j], 120, 5);
        }
    };
    this[mcs[i]].onRollOut = function() {
        for (var j = 0; j<mcs.length; j++) {
            this._parent[mcs[j]].make(kord[j], 80, 5);
        }
    };
} 

[johanness]

Hey, danke ihr zwei! Das ist schon mal mehr das was ich suche. Ist nur noch das Problem, dass bei euerer Variante die "nicht benutzten" Buttons zwar schon verschoben werden.
Aber ich fänd's gut, wenn alle fünf buttons stehts "zusammen" sind.

Meinst, ihr bekommt das noch hin? :-) :-)

DANKE


[Eidth] PS: Wenn das mal funzt, kann man es fast als [Stuff] durchgehen lassen! [/Edith]

[RustyCake]

so hängen seh zusamme!!
zwar nicht haargenau aber es geht!!

[johanness]

Danke ist echt cool!
Aber sie überschneiden sich noch recht oft...
Werd mir am Freitag oder Samstag mal meine Version nochmal ansehen und vielleicht verbessern! theoretisch müsste man doch eigentlich wirklich nur die Buttons noch um die schon errechneten Werte verschieben, oder? Die stimmen ja eigentlich! Aber der Button, über den man geht, bereitet mir noch Kopfzerbrechen...

[RustyCake]

da ist halt immer diese verzögerung drinne!!
des vergrößern dauert halt längr wie die einfache verschiebung der Buttons!!
Aber Du wirst des schon hinbekommen!1