[STUFF] Einstieg - kleines dyn. Menü ;-)

[pape]

Hi!

habe nen kleines dyn. Menü gebastelt - gab es bestimmt schon in dieser Form, aber ich hatte halt lust eins zu basteln!!!

Das Menü dient nur zur veranschaulichung, wie man so etwas angehen könnte, nicht aber um es sofort zu verwenden!
Dazu ist noch etwas Eigenliestung erforderlich!
Wenn es Fragen gibt dann fragt einfach.. dann versuche ich soweit ich kann zu helfen.

kurze Erklärung:
Das Menü bedient sich eines zweidimensionalen Arrays um Menü elemente zu erstellen.
Dieses und andere Vaiablen müssen gesetzt werden!
Ich denke da spricht aber alles für sich (einfach mal in den anfang des codes gucken)!

Die Menülinks sollten für die richtige Darstellung alle eine Ausrichtung mit x= 0 und y=0 haben.
Dazu müssen/sollten diese Menülink-Objekte ein dynamsiches Textfeld beinhalten mit dem Instanznamen "lanz" (damit ein Menüpunkt-name auch angezeigt wird...)
Diese Objekte müssen zudem in der Bibiliothek vorhanden sein und eine Verknüpfung zum AS haben (in der Bibo aufs Obj. rechts-klicken>"Verknüpfung">"Export für ActionScript" und "Export in erstes Bild" müssen makiert sein.)
Der verknüpfungsname muss im code angegeben werden!

Das ein oder andere "_root" im Script ist mit Sicherheit überflüssig, dient aber zur genaueren Erkennung der Pfade vorallem für Einsteiger!

Das Script funktioniert nur wenn es auf _root ausgeführt wird!

ich hoffe, dass ich nichts vergessen habe!!!

mainLinks = new Array(["main1", "sub1", "sub2", "sub3", "sub4", "sub5"],
                      ["main2", "sub1"],
                      ["main3", "sub1", "sub2", "sub3"]);
mainverknuepfung = "mainLink";
subverknuepfung = "subLink";
posx = 100;
posy = 50;
abstand = 5;
sub_verschiebung = 30;
 
 
_root.ausgefahren = false;
function ausfahren(abnr) {
    if (!_root.ausgefahren) {
        _root.curr = abnr;
        for (j=1; j<_root.mainLinks[abnr].length; j++) {
            _root.attachMovie(subverknuepfung, _root.mainLinks[abnr][j], (abnr+1)*j+50);
            _root[_root.mainLinks[abnr][j]]._x = posx+sub_verschiebung;
            _root[_root.mainLinks[abnr][j]]._y = _root[_root.mainLinks[abnr][0]]._y+_root[_root.mainLinks[abnr][0]]._height+(j-1)*(_root[_root.mainLinks[abnr][1]]._height+abstand)+abstand;
            _root[_root.mainLinks[abnr][j]].lanz.text = _root.mainLinks[abnr][j];
            _root[_root.mainLinks[abnr][j]].onRelease = function () {
                trace(this+" wurde geklickt");
            }
        }
        for (var ii = abnr+1; ii<_root.mainLinks.length; ii++) {
            _root[_root.mainLinks[ii][0]]._y += (_root.mainLinks[abnr].length-1)*(_root[_root.mainLinks[abnr][1]]._height+abstand)+abstand*2;
        }
        _root.ausgefahren = true;
    } else {
        if (abnr == _root.curr) {
            einfahren(_root.curr);
        } else {
            einfahren(_root.curr);
            _root.curr = abnr;
            ausfahren(_root.curr);
        }
    }
}
function einfahren(abnre) {
    for (var ii = abnre+1; ii<_root.mainLinks.length; ii++) {
        _root[_root.mainLinks[ii][0]]._y -= (_root.mainLinks[abnre].length-1)*(_root[_root.mainLinks[abnre][1]]._height+abstand)+abstand*2;
    }
    for (j=1; j<_root.mainLinks[abnre].length; j++) {
        _root[_root.mainLinks[abnre][j]].removeMovieClip();
    }
    _root.ausgefahren = false;
}
 
for (var i=0; i<mainLinks.length; i++) {
    name = mainLinks[i][0];
    _root.attachMovie(mainverknuepfung, name, i);
    _root[name]._x = posx;
    _root[name]._y = i*(_root[name]._height+abstand)+posy;
    _root[name].lanz.text = name;
    _root[name].nr = i;
    _root[name].onRelease = function () {
        trace(this+" wurde geklickt");
        ausfahren(this.nr);
    }
} 

viel Spaß damit!

vielleicht sieht man ja mal Ergebnisse, was so draus geworden ist!?

mfG,
Robert

P.s: konstruktive Kritik ist natürlich erwünscht!

[pLaN58]

Hallo,
das Script ist genau das richtige für mich Nur eine frage hätte ich wie muss ich das Script ändern wenn ich den buttons namen von btn_1 .... btn_8 gegeben habe? Überleg schon die ganze zeit Die untergeordneten Button heißen dann z.B. btn_3a .... btn_3c u.s.w! Kannst du mir bitte helfen?

[huegenbegger]

sehr schön
sowas in der Art musst ich eh noch machen nun hab ich das geschenkt bekommen

THX !

[wasi1]

Super pape daumen hoch.

Und wenn du das noch optimieren willst, dann wäre es toll
wenn das menue langsam ausfährt.

[pape]

Zitat von pLaN58

Hallo,
das Script ist genau das richtige für mich Nur eine frage hätte ich wie muss ich das Script ändern wenn ich den buttons namen von btn_1 .... btn_8 gegeben habe? Überleg schon die ganze zeit Die untergeordneten Button heißen dann z.B. btn_3a .... btn_3c u.s.w! Kannst du mir bitte helfen?

Hi!

Das Menü funktioniert im Moment so, dass es einen "GrundButton" gibt, in den per AS der Name eingefügt wird!
Wenn du 6 verschiedene Buttons hast musst du es in dieser Art machen:

DU legst alle Buttons in die Bibiliothek und Verknüpst sie (wie oben scon beschrieben) und änderst die attach zeilen in :

//bsp. für die main buttons
_root.attachMovie("btn_"+i, name, i); 

bei den subbuttons is nen bisl mehr arbeit gefragt, da du dort zunächst auslesen musst, zu welchem main-button diese gehöen (z.b. btn_1c gehört zur Gruppe btn_1)

habe nur sehr wenig zeit grade und kann dir deshalb nicht sofort weier helfen , .. vielleicht heute abend oder sonst die tage halt!

@huegenbegger:

@wasi1: Jo! hatte ich auch vielleich vor, nur habe ich im Moment nur total wenig Zeit zum flashen, weil ich mit meiner Band sehr beschäftigt bin, aber die Tage gucke ich mir des mal an

Gruß
Robert

[pLaN58]

OK thx @pape! Werd ich mal ausprobieren *g* Hab nämlich schon eine andere lösung gefundn aba deine is stylischer als meine Hättest du ein Tut wo ich so eine bildlaufe leist aka yugop zaubern kann?

[pape]

gg
such mal bitte nach "yugop " da findest du auf jeden Fall extrem viel!

[pLaN58]

Yo werd ich mal machen! PZ

[pape]

huii... 44x die datei runtrgeladen...

und warum dann so wenig feedback?
schade!

hatte doch extra geschrieben

Zitat von pape

P.s: konstruktive Kritik ist natürlich erwünscht!

naja...

grz,
Robert

[svenkrause]

Hi habe schon einiges von deiner arbeit hier im Flashforum gesehen bin sehr begeistert, lese derzeit einige Bücher über AS und Flash alles sehr interessant.

Nun habe ich aber mal ne kleine Frage zu dem kleinen Menü was du gebaut hast.

Und zwar hab ich es designtechnisch angepasst nun frag ich mich nur wo um himmelswillen ich die anweisungen für die Buttons geben kann, würde gerne auf klick eine swf datei laden lassen.

MFG Sven

[pape]

hi!

jeweils da wo die onRelease ereignisse zugewiesen werden!

//Sub-menüpunkt
_root[_root.mainLinks[abnr][j]].onRelease = function () {
    trace(this+" wurde geklickt");
}
//Main-menüpunkt
    _root[name].onRelease = function () {
        trace(this+" wurde geklickt");
        ausfahren(this.nr);
    } 

da du jetzt natürlich nicht mit this ein movie laden kannst, würde ich empfehlen parallel zum menü array (mainLinks) ein 2. array (z.b. urls oder files) anzulegen! (natürlich passend zu den menülinks!)

dann kannst du einfach vor dem release ereigniss jedem mc noch eine var mitgeben , welche die position der passenden url im array enthält und beim release ereigniss soll halt diese file ausgelesen werden und dann per loadmovie geladen werden...

hört sich kompliziert an ist es aber nicht:

mainLinks = new Array(["main1", "sub1", "sub2", "sub3", "sub4", "sub5"],
                      ["main2", "sub1", "sub"],
                      ["main3", "sub1", "sub2", "sub3"]);
//--das array--//
Files = new Array (["main1.swf", "m1sub1.swf", "m1sub2.swf", "m1sub3.swf", "m1sub4.swf", "m1sub5.swf"],
                      ["main2.swf", "m2sub1.swf", "m2sub2.swf"],
                      ["main3.swf", "mrsub1.swf", "m3sub2.swf", "m3sub3.swf"]);
mainverknuepfung = "mainLink";
subverknuepfung = "subLink";
posx = 100;
posy = 50;
abstand = 5;
sub_verschiebung = 30;
 
 
_root.ausgefahren = false;
function ausfahren(abnr) {
    if (!_root.ausgefahren) {
        _root.curr = abnr;
        for (j=1; j<_root.mainLinks[abnr].length; j++) {
            _root.attachMovie(subverknuepfung, _root.mainLinks[abnr][j], (abnr+1)*j+50);
            _root[_root.mainLinks[abnr][j]]._x = posx+sub_verschiebung;
            _root[_root.mainLinks[abnr][j]]._y = _root[_root.mainLinks[abnr][0]]._y+_root[_root.mainLinks[abnr][0]]._height+(j-1)*(_root[_root.mainLinks[abnr][1]]._height+abstand)+abstand;
            _root[_root.mainLinks[abnr][j]].lanz.text = _root.mainLinks[abnr][j];
            _root[_root.mainLinks[abnr][j]].file = _root.Files[abnr][j];//<--hier
            _root[_root.mainLinks[abnr][j]].onRelease = function () {
                trace(this+" wurde geklickt"+", zuladene file: "+this.file);//<--hier
            }
        }
        for (var ii = abnr+1; ii<_root.mainLinks.length; ii++) {
            _root[_root.mainLinks[ii][0]]._y += (_root.mainLinks[abnr].length-1)*(_root[_root.mainLinks[abnr][1]]._height+abstand)+abstand*2;
        }
        _root.ausgefahren = true;
    } else {
        if (abnr == _root.curr) {
            einfahren(_root.curr);
        } else {
            einfahren(_root.curr);
            _root.curr = abnr;
            ausfahren(_root.curr);
        }
    }
}
function einfahren(abnre) {
    for (var ii = abnre+1; ii<_root.mainLinks.length; ii++) {
        _root[_root.mainLinks[ii][0]]._y -= (_root.mainLinks[abnre].length-1)*(_root[_root.mainLinks[abnre][1]]._height+abstand)+abstand*2;
    }
    for (j=1; j<_root.mainLinks[abnre].length; j++) {
        _root[_root.mainLinks[abnre][j]].removeMovieClip();
    }
    _root.ausgefahren = false;
}
 
for (var i=0; i<mainLinks.length; i++) {
    name = mainLinks[i][0];
    _root.attachMovie(mainverknuepfung, name, i);
    _root[name]._x = posx;
    _root[name]._y = i*(_root[name]._height+abstand)+posy;
    _root[name].lanz.text = name;
    _root[name].nr = i;
    _root[name].file = _root.Files[i][0];//<--hier
    _root[name].onRelease = function () {
        trace(this+" wurde geklickt"+", zuladene file: "+this.file);//<-- und hier
        ausfahren(this.nr);
    }
} 

und halt jeweils statt dem trace nen

deincontainer.loadMovie(this.file); 

grz
Robert

edit: kommentare

[svenkrause]

Hi danke für die feine antwort, habe nun alles umgemoddelt leeren container erstellt, nur leider will er mir die swf's nicht in den mc laden, weiß nicht warum Hab dir mal die FLA drangehängt, wäre gut wenn du mal danach schauen könntest.

MFG

Sven

[wasi1]

So auf den ersten blick wie ich das sehe fehlt der Instanzname des MC's

[wasi1]

Und, wie sieht's aus?

Nur den Leeren mc anklicken unter Eigenschaften den Instanznamen leer_mc
eingeben und los kann's gehen.

[pape]

du hattest den leer_mc (1) nicht mit einem instanznamen versehen (wie schon gesagt wurde) und (2) hast du leer_mc und die weiße fläche auf einer ebene!
leg diese mal eine ebene unter den leer_mc bzw. den leer_mc eine drüber!

du könntest auch den leer_mc löschen und im script am anfang diesen einfach per as erstellen:

//...
sub_verschiebung = 0;
 
_root.createEmptyMovieClip("leer_mc",100000);//hier leer_mc erstellen
leer_mc._x = 110;//<--hier xposition des mcs zuweisen
leer_mc._y = 70;//<--hier yposition des mcs zuweisen
 
_root.ausgefahren = false;
function ausfahren(abnr) {
//... 
 

grz
Robert