Grafik platzieren

[mapfei]

Wie platziere ich eine Grafik? Muss ich diese als MovieClip speichern, oder funktioniert das auch als Grafik?

Danke für die hoffentlich schnelle Hilfe!

Grüssle,
Mapfei

[pape]

Per As oder statisch?

Für AS musst du sie in einen MovieClip (oder Button= packen.
Du kannst sie aber auch aus der Bibliothek attachen und eine Referenz auf die Grafik speichern und mit Hilfe dieser dann die Grafik platzieren..

[jonny ta B]

Zitat von mapfei

Wie platziere ich eine Grafik?

...aus der library mit dem raffinierten und viel bewährten drag+drop verfahren.

[mapfei]

...aus der library mit dem raffinierten und viel bewährten drag+drop verfahren.

Danke für den supi Tipp! Aber ich bin davon ausgegangen, dass man mich hier im Action Script Forum so wie pape versteht...

Danke!

Grüssle,
Mapfei

[jonny ta B]

jajaa... ich entschuldige mich für meinen sparwitz...

[mapfei]

Also irgendwie bekomm ich's net wirklich hin. Ich versuche den MC MenuBack in unterschiedlichen Breiten hintereinander zu platzieren. Die TextFields werden kreiert und auch angezeigt - nur die MovieClips nicht. Woran könnte es liegen?

Und was genau hat es eigentlich mit der Tiefe aufsich?

...
cat_array = catname.split(";");

for (i=0; i<cat_array.length; i++) {
	_root.attachMovie("MenuBack", "menubg"+i, i+1);
	createTextField("menu"+i, (cat_array.length)+i+1, 1, 20, 1, 16);
	this["menu"+i].selectable = false;
	this["menu"+i].autoSize = true;
	this["menu"+i].text = cat_array[i];
	this["menu"+i].setTextFormat(menuFormat);
	totalwidth += this["menu"+i]._width;
}
delta = (780-(totalwidth+cat_array.length))/(2*cat_array.length);

currentx = delta;
for (i=0; i<cat_array.length; i++) {
	this["menubg"+i]._x=currentx;
	this["menubg"+i]._y="0";
	this["menubg"+i]._width=2*delta+(this["menu"+i]._width);
	this["menu"+i]._x = currentx;
	currentx += delta+(this["menu"+i]._width);
}
...

Grüssle,
Mapfei

[pape]

Die Tiefe bezieht sich auf die Ebene. Das mit den Ebenen kannst du dir Vorstellen, wie wenn du viele Folien übereinander Legen würdest... dabei kannst du logischer weise nicht zwei Folien in in eine Ebene legen... deshalb musst du die verschiedenen Textfelder/MenuBacks auf unterschiedliche Ebenen legen.
Am einfachsten ist es die Tiefe immer um 1 höher zu wählen (i in der for-schleife wird ja bei jedem Durchlauf inkrementiert)
Die MenuBacks werden also von 1 bis array.length Tiefen belegen, wenn du i+1 mit 0<=i<array.length als tiefe angibst.
Dann kannst du ab array.length+1 die Tiefen für die Textfelder benutzen (array.length+1+i mit 0<=i<array.length).

totalwidth solltest du initialisieren ehe du totalwidth += ... rechnest: totalwidth = 0; am anfang vor den For-Schleifen.

Zudem solltest du den Textfeldern auch ein Mutter-Objekt zuweisen (z.b. _root)

Durch die Refernzen auf Objekte, sparst du dir viel Schreibarbeit und bei späteren Abänderungen kann man es um einiges schneller machen

cat_array = catname.split(";");
totalwidth = 0;
for (i=0; i<cat_array.length; i++) {
    //Textfeld erstellen und eine Referenz in txt speichern
    var txt = _root.createTextField("menu"+i, (cat_array.length)+i+1, 1, 20, 1, 16);
    //Textfeld Eigenschaften
    txt.selectable = false;
    txt.autoSize = true;
    txt.text = cat_array[i];
    txt.setTextFormat(menuFormat);
    //Zur gesamten Breite der Textfelder addieren
    totalwidth += txt._width;
}
//Abstand berechnen
delta = (780-(totalwidth+cat_array.length))/(2*cat_array.length);
//Erste Position = 1*Abstand:
currentx = delta;
for (i=0; i<cat_array.length; i++) {
    //MenuBack attachen und eine Referenz in mc speichern
    var mc = _root.attachMovie("MenuBack", "menubg"+i, i+1);
    //auf entsprechendes Textfeld eine Referenz legen
    var txt = _root["menu"+i];
    //Mc Platzieren
    mc._x = currentx;
    mc._y = "0";
    mc._width = 2*delta+(txt._width);
    mc._x = currentx;
    //entsprechendes Textfeld mit platzieren
    txt._x = currentx;
    //nächste Position berechnen (= aktuelle + breite + abstand)
    currentx += delta+(txt._width);
} 

Zum eigentlichen Problem:
Hast du MenuBg in der Bibiliothek mit AS verknüpft (Export for AS)?
sonst kann es nicht attacht werden, da es dem Film unbekannt ist.

Wenn es nicht funktiniert, auch am besten mal die Fla mit ranhängen.

grz
pape

[mapfei]

Dank' dir vielmals!!! Soweit so gut! Hab das mit der Grafik anders gelöst. Hab nen Verlauf erzeugt. Aber nun das nächste Problem:

//Hintergrund für die einzelnen Textfelder erzeugen
    _root.createEmptyMovieClip("verlauf"+i, i+1);
    with (this["verlauf"+i]) {
        colors = [ 0x545554, 0x000000 ];
      alphas = [ 100, 100 ];
      ratios = [ 0, 0xFF ];
      matrix = { matrixType:"box", x:bgx, y:0, w:bgwidth, h:30, r:(90/180)*Math.PI };
       beginGradientFill( "linear", colors, alphas, ratios, matrix );
        moveTo(bgx,0);
        lineTo(bgx+bgwidth,0);
        lineTo(bgx+bgwidth,39);
        lineTo(0,39);
        lineTo(0,0);
        endFill();
    }
 
    //Hover-Effekt festlegen
    _root["verlauf"+i].onRollOver = function(){
        with (_root["verlauf"+i]) {
            beginFill (0x0000FF, 100);
            moveTo(bgx,0);
            lineTo(bgx+bgwidth,40);
            lineTo(bgx+bgwidth,80);
            lineTo(0,80);
            lineTo(0,40);
            endFill();
        }
    } 

Das RollOver wird irgendwie nicht erzeugt bzw. dargestellt.

Grüssle,
Mapfei

[pape]

i ist in dem RollOver Ereignis nicht bekannt, sondern nur in der Schleife.

Du müsstest jedem Verlauf eine id mitgeben, in welcher du das i speicherst:

_root["verlauf"+i].id = i;
_root["verlauf"+i].onRollOver = function() {
    with (_root["verlauf"+this.id]) {
        //...
    }
}; 

allerdings kannst du es auch einfach so machen, da this auf das Objekt, in welchem es aufgerufen wird, verweist:

_root["verlauf"+i].onRollOver = function() {
    with (this) {
        //...
    }
}; 

grz
pape

[mapfei]

Hallo!

Mal wieder ein herzliches Danke. Leider gehts mit den Problemen direkt weiter.

Nun wird beim RollOver tatsächlich (wie von mir geplant) die Hintergrundfarbe eines Buttons geändert, allerdings immer nur die des letzten. Scheinbar klappt das nicht, der RollOver-function das "i" zu übergeben.

// Wir befinden uns in einer for-Schleife über i
...
    //Hover-Effekt festlegen
    _root["verlauf"+i].id = i;
    _root["verlauf"+i].bgx = bgx;
    _root["verlauf"+i].bgwidth = bgwidth;
    _root["verlauf"+i].onRollOver = function(){
        with (_root["verlauf"+this.id]) {
            beginFill (0x0000FF, 100);
            moveTo(bgx,0);
            lineTo(bgx+bgwidth,0);
            lineTo(bgx+bgwidth,39);
            lineTo(bgx,39);
            lineTo(bgx,0);
            endFill();
        }
    } 
... 

Das this.id innerhalb der with-Anweisung wird scheinbar nicht richtig ausgewertet. Der Hintergrund als solches stimmt, aber wie gesagt, es wird, egal über welchen Button ich mich bewege, immer nur der Hintergrund des letzten Buttons eingefärbt.

Viele Grüße,
Mapfei

[pape]

hmm... müsste eigentlich aber stimmen.. probier mal die zweite Variante, die ich oben gepostet habe (mit with(this) ohne id-Übergabe).

Wenn auch das nicht geht, wäre die Fla hilfreich

grz
pape

[mapfei]

Die zweite Variante hab ich auch getestet. Funktioniert aber leider auch nicht.
Das FLA gibts hier.

Grüssle,
Mapfei

[pape]

was wird von der flash.inc.php übergeben?

BTW: loadVariablesNum ist veraltet (LoadVars Object benutzen!)
eq ist auch veraltet (if( var1 == var2) statt if(var1 eq var2) )

[mapfei]

Hallo!

die flash.inc.php gibt die beiden Variablen catname und catid zurück. In beiden Variablen sind die Menupunkte aus Datenbank getrennt von Semikolons enthalten (catname) bzw. die IDs zum Verlinken (catid)

z.B. catname = "Startseite;Aktuelles;Produkte;Kontakt"

Grüssle,
Mapfei

[pape]

Du hast vergessen die Farbverläude richtig zu positionieren.
Das Problem besteht darin, dass der letzte Farbverlauf alle anderen Überdeckt und somit auch nur sein RollOver verarbeitet wird.

wenn du dir mal den _x Wert des letzten Verlaufes traced, siehst du, dass er bei 0 liegt.

DU solltest nicht die Mc's auf 0 liegen lassen und die Farbverläuf auf die richtige position bringen, sondern du musst die Farbverläufe nur in der richtigen größe auf den MC packen und dann den MC neu positionieren.

Sprich: _root["verlauf"+i]._x = bgx; und ...matrixType:"box", x:0 und sont überall wo bgx steht eigentlich auch nur 0 einsetzen... so ungefähr.. musste aber nochmal genauer nachgucken