Menü-Programmiering elegant?

[derkarsten]

Hallo alle zusammen,

ich sitze hier seit geraumer Zeit und schuster mir ein Menü zusammen. Leider merke ich, dass, je weiter ich komme, desto unübersichtlicher wird das ganze. Und jetzt denke ich, es muss doch eine Möglichkeit geben, genau das, was ich vorhabe auch elegant Flash5-kompatibel umzusetzen.

Momentan bewegt sich bei MouseOver alles so, wie ichs gern hätte. Im Endeffekt sollen natürlich bei Click die jeweiligen Unterpunkte stehen bleiben etc. Aber ich will grad gar nicht weitermachen, bevor ich nicht wenigstens einen neuen Ansatz oder Gedankengang im Kopf habe, wie ich diese Problem effektiver lösen könnte.

Vielen Dank im Voraus Euch allen,
Karsten

[ludabruda]

hallo karsten.

ja, funktinieren tuts prima, allerdings kann man da schon noch ein paar Dinge verändern, um es vor allem etwas flexibler zu gestalten (und nicht so performance-lastig).

Deine einzelnen Menus sehen ja prinzipiell gleich aus, somit ließen sie sich auch gut skripten.
Die Aufklapp-Funktion, die jetzt im onEnterFrame steht, kann genausogut in einen Frameloop, der nur dann aufgerufen wird, wenn er gebraucht wird (direkt im Button). Die onEnterFrames sind zwar momentan nicht sonderlich belastend fürs System, aber dafür, dass eigentlich gar nichts passiert, sind 2-4 Prozent System-Auslastung schon zu viel.

Mach dir am besten ein Array für das HauptMenu. Für jeden dieser Array-Einträge erzeugst du weitere Arrays für die Untermenus.

Erstellen kannst du dein Menu dann mittels duplicateMovieClip(); dafür brauchst du die Hauptstruktur deines Menus nur einmal auf der Bühne haben.

Auch die Abfragen auf den einzelnen MCs kannst du prima mit vorher an den duplizierten MC übergebenen Variablen lösen.

Schau vielleicht mal bei den Tutorials nach Menus, da müsste sich einiges finden, was dir ggf. weiterhilft.

Grüße
Sascha

[derkarsten]

Hallo Sascha,

vielen Dank für die Tipps... ich hab mich mal daran versucht... was mir fehlt ist grad immer noch der logische Ansatz der Filmstruktur. Ich weiss nicht recht, wie ich die Movieclips und Buttons bauen und verschachteln muss, damit das so funktioniert wie es soll. Wo setz ich den Frameloop? oh, oh... hab das Gefühl, mein Hirn scheut heute alles über Normalnull

Und: die Navigation soll nachher HTML-Dateien in nem anderen Frame und einen Movieclip in der Navigation an sich steuern... kann ich sowas einfach dynamisch übergeben?

Wie würdest Du das Menü-Array aufbauen? Nur ein mehrdimensionales? Gibts in Actionsscript sowas schönes wie "foreach" in php?

Vielen Dank!
Karsten

[T.Decay]

Es gibt in Flash5 keine echten mehrdimensionalen Arrays und foreach gibt´s auch nicht, nicht mal Array.walk

Das Einzige, was geht ist, dass Du den Inhalt von Arrayelementen aus anderen Arrays definierst, also

variable = new Array(x,y,z);
topArray = new Array();

topArray[1] = variable;

[ludabruda]

Hallo,

@T.Decay: was meinst du denn mit "echten" mehrdimensionalen Arrays?

Du kannst deine Arrays wie folgt aufbauen:

ar = new Array();
ar[0] = new Array(1,2,3,4,5);
ar[1] = new Array(6,7,8,9,0);
 
 
for(i in ar) {
    for(j in ar[i]) {
        trace(ar[i][j]);
    }
} 

Das for(i in ar) entspricht in etwa dem foreach. Das geht natürlich genauso mit dem "normalen" for(i=0;i<ar.length;i++)...

Grüße
Sascha

[T.Decay]

for in und for gibt´s auch in php aber eben auch foreach

und mit den "echten" Arrays meine ich, dass Du für eine Anwendung auf jedes Element einzeln, wie Du das gerade vorgeführt hast, vorher wissen musst, aus wie vielen Dimensionen dein Array besteht, weil ja jede davon ihre eigene for-Schleife braucht. Man könnte jetzt noch Abfragen reinklotzen, ob da jeweils ein Array drunterliegt, was aber wiederum nur geht, wenn man absehen kann, wie jenes Array ggf. heissen würde.
Es ist nach meinem bisherigen Horizont nicht möglich, ein Array.walk zu simulieren, und auch wenn man verschachtelte for-Schleifen als ausreichend befindet, ist es eben immer noch simuliert und nicht "echt".

Ist aber in diesem Fall schon ein bisschen Haarspalterei, das gebe ich zu

Edit: Geht auch noch schlanker:

ar = new Array(new Array(1,2,3,4,5),new Array(6,7,8,9,0)); 

[edit2]join(); trace(); ...usw. funktionieren allerdings tatsächlich wie bei "Echten"[/edit2]

[ludabruda]

H,

prinzipiell ginge es mit einer Rekursion, in der der Typ des Parameters abgefragt wird. Es lässt sich zwar nicht "array" als Typ differenzieren, aber "object" sollte hier reichen:

function rekursion (a,b) {
        for(var i=0;i<a.length;i++) {
            if(typeof(a[i]) == "object") {
                rekursion(a[i],i);
            } else {
                trace(b + ":" + a[i]);
            }
        }
 
}
 
rekursion(ar,""); 

Hierbei ist es egal, wie tief deine Arrays sind.

Aber nochmal zurück zum eigentlich Problem: um erstmal ein bisschen Struktur in die Sache zu bekommen, ist es egal, ob jeder beliebige Baum damit abbildbar ist. Fang erstmal mit zweidimensionalen Strukturen an, falls nötig kann man es danach auch noch erweitern.

Grüße
Sascha

PS: ob die Ausgabe so 100-Pro ist, weiß ich auch nicht, prinzipiell gehts aber

[derkarsten]

Hallo Ihr alle,

vielen Dank schonmal für die Hilfe. Ich hab das jetzt mal umgebaut und dupliziere jetzt den MainButton MC folgendermassen:

mainPositions = new Array(0,91,182,273);
menu = new Array("Main1","Main2","Main3","Main4");
 
i = 0;
j = 0;
for (i in menu) {
    trace(i);
    duplicateMovieClip (mainButton, "mainButton"+i, i);
    setProperty ("mainButton"+i, _x, _root.mainPositions[i]);
    i++;
} 

Das funktioniert auch soweit alles. Die Bewegungsfunktionen hab ich aus den onEnterFrames rausgenommen und in zwei Frameloops geschrieben. Auch das geht wunderbar.

Jetzt aber Folgendes (Ich glaube, man mekt, dass ich schon seit nem guten Jahr nix mehr in Flash gemacht hab...):

Wie kann ich in den duplizierten MCs direkt ne Variable setzen? Sinngemäß in der Art:

setVariable ("mainButton"+i, dynTxt, _root.menu[i]); 

Das geht natürlicht nicht, aber ich hoffe, Ihr versteht, was ich meine

Vielen Dank nochmal,
Karsten

[T.Decay]

_root[namevomMC].EigenschaftoderVariable=Wert;

[ludabruda]

das geht z.B. so:
eval("mainButton"+i).dynTxt = _root.menu[i];

Grüße
Sascha

[derkarsten]

Danke!

damit bin ich schon wieder ein wenig weiter gekommen...
Jetzt häng ich aber noch an was: Folgendes sollte eigentlich mein Menü auf den Bildschirm zaubern:

menu = new Array("Main1","Main2","Main3","Main4","Main5","Main6");
submenu = new Array();
submenu[0] = new Array("sub1_1","sub1_2","sub1_3");
submenu[1] = new Array("sub2_1","sub2_2","sub2_3");
submenu[2] = new Array("sub3_1","sub3_2");
submenu[3] = new Array("sub4_1","sub4_2","sub4_3","sub4_4");
submenu[4] = new Array("sub5_1","sub5_2","sub5_5");
submenu[5] = new Array("sub6_1","sub6_2");
 
 
i = 0;
j = 0;
 
for (i in menu) {
    duplicateMovieClip (mainButton, "mainButton"+i, i);
    setProperty ("mainButton"+i, _x, _root.mainPositions[i]);
    eval("mainButton"+i).dynTxtTxt = menu[i];
    for (j in submenu[i]) {
        trace(i);
        trace(submenu[i]);
//    duplicateMovieClip (subButton, "subButton"+i+"_"+j, i);
//    setProperty ("subButton"+i+"_"+j, _x, _root.mainPositions[i]);
//    eval("subButton"+j+"_"+i).dynTxt = submenu[i][j];
        j++;
    }
    j = 0;
    i++;
} 

bzw. momentan nur die traces ausgeben.. Seltsamerweise gibt o.g. Script die hier aus:

5
sub6_1,sub6_2
5
sub6_1,sub6_2
4
sub5_1,sub5_2,sub5_5
4
sub5_1,sub5_2,sub5_5
4
sub5_1,sub5_2,sub5_5
3
sub4_1,sub4_2,sub4_3,sub4_4
3
sub4_1,sub4_2,sub4_3,sub4_4
3
sub4_1,sub4_2,sub4_3,sub4_4
3
sub4_1,sub4_2,sub4_3,sub4_4
2
sub3_1,sub3_2
2
sub3_1,sub3_2
1
sub2_1,sub2_2,sub2_3
1
sub2_1,sub2_2,sub2_3
1
sub2_1,sub2_2,sub2_3
0
sub1_1,sub1_2,sub1_3
0
sub1_1,sub1_2,sub1_3
0
sub1_1,sub1_2,sub1_3 

also, als ober er die "zweite Array-Ebene" gar nicht also Array, sondern als stinknormalen String wahrnimmt... Denkfehler meinerseits? Wahrscheinlich...


Könnt Ihr mir hier nochmal nen Tipp in die richtige Richtung geben?

Vielen Dank,
Karsten

[derkarsten]

OK, OK.

Aehm.. das war wohl nicht ganz so dramatisch... wenn ich submenu[i][j] schreibe, gehts schon (ist trotzdem n komisches Konstrukt in Flash dan... normalerweise hätte er doch dann vorher "object" ausgeben müssen, oder?).

Trotzdem: anderes Problem: Wenn ich das ganze jetzt laufen lasse, produziert er leider nur Müll:

for (i in menu) {
    duplicateMovieClip (mainButton, "mainButton"+i, i);
    setProperty ("mainButton"+i, _x, _root.mainPositions[i]);
    eval("mainButton"+i).dynTxtTxt = menu[i];
    for (j in submenu[i]) {
        duplicateMovieClip (subButton, "subButton"+i+"_"+j, j);
        setProperty ("subButton"+i+"_"+j, _x, _root.mainPositions[i]);
        eval("subButton"+j+"_"+i).dynTxtTxt = submenu[i][j];
        j++;
    }
    j = 0;
    i++;
} 

Jetzt positioniert er nur drei Movieclips auf der Bühne.. an relativ wirren Positionen... kann ich mir logisch grad nicht erklären.. ich häng zusätzlich nochmal das aktuelle .fla und .swf File an... vielleicht hat ja jemand von Euch nochmal kurz Zeit, sich das anzuschauen...

Vielen Dank!
Karsten

[derkarsten]

Hmm.. ich hab jetzt noch eine Weile rumprobiert... aber leider immer noch keine Lösung gefunden. Sobald ich die "innere" for-Schleife, oder besser gesagt den duplicateMovieClip in der for-Schleife auskommentiere funktioniert zumindest das mit den mainButtons wieder wunderbar.

Was mach ich falsch

[ludabruda]

Hi,

in beiden Schleifen hast du einen Zähler, dessen Wert beim duplidateMovie() als Tiefe dient.
Da beide Zähler sich zumindest stellenweise überschneiden, löschst du mit der zweiten Schleife die Movies aus der ersten Schleife...
Setz also einfach in der zweiten die Tiefe auf j+menu.length

Grüße
Sascha

[derkarsten]

hmm... das mit der Tiefengeschichte war n guter Tipp... Jetzt wird zumindest wieder munter dupliziert...

Allerdings seh ich nur zwei subButton-mcs, von denen nur einer korrekt ne Variable übergeben bekommt.

wenn ich mal proforma die ganzen subButton-mcs in nem onClipEvent(enterFrame) ihre jeweilige _x-Koordinate ausgeben lasse, kommt nur was von MC submenu3_3 zurück.

also quasi:

trace("1_1", subButton1_1._x);
trace("1_2", subButton1_2._x);
trace("1_3", subButton1_3._x);
[...]
trace("6_1", subButton1_1._x);
trace("6_2", subButton1_2._x);
trace("6_3", subButton1_3._x); 

ergibt

1_1:
1_2:
1_3:
1_4:
2_1:
2_2:
2_3:
2_4:
3_1:
3_2:
3_3:273
3_4:
4_1:
4_2:
4_3:
4_4:
5_1:
5_2:
5_3:
5_4:
6_1:
6_2:
6_3:
6_4: 

daraus folgere ich mal, dass nur der subButton3_3 MC korrekt dupliziert wird... was ist denn da nu schon wieder los?

oh mann... sorry, dass ich Euch so nerve... Aber irgendwie ist das echt n seltsames Problem