anfängerfrage: bild über navigationsleiste verschieben

[Tsukikage]

hallo,
ich habe flash cs5 und versuche mich dort gerade einzuarbeiten. ich bin absolute anfängerin.
um also etwas praxis zu bekommen, habe ich mir vorgenommen, eine homepage zu basteln.

das ganze soll so aussehen, daß man unten ein langes band hat, auf dem sich alle inhalte befinden. dieses band soll dann mit einer animation navigiert werden, wenn man z.b. auf abschnitt 1 ist und auf button 3 klickt, soll das band über 2 bis anschnitt 3 verschoben werden und dort stoppen. und zurück natürlich genauso.
versteht man, was ich meine?


mit den codesnippets (gotoAndPlay und stop()) habe ich es bisher so hinbekommen, daß alles bei abschnitt 1 anfängt, man dann auf button 2 klickt und das bild dann zu abschnitt 2 verschoben wird (das gleiche funktioniert auch bei 3). wenn man dann aber wieder von 3 auf 2 will, weiß ich nicht, wie ich diese "rückwärtsfahrt" machen soll.

ich glaube, ich bin da irgendwie auf dem falschen weg. gibt es eine möglichkeit, daß man einfach verschiedene punkte auf dem band festlegen kann und flash sucht dann von sich aus den kürzesten weg dorthin? (dann kann man vielleicht sogar noch eine zweite zeile von diesem "inhaltsband" machen.)
oder muß man jeden möglichen verschiebungspfad einzeln animieren?

vielen dank schonmal!

 

[ti8shbi]

AW: anfängerfrage: bild über navigationsleiste verschieben

hmm... also ich versuchs mal zu erklären...

wie arbeitest du mit Flash? machst du alles mit der Zeitleiste, oder Actionscript?

Wenn du mit Actionscript arbeitest, gibt es einen ziemlich einfachen Weg.

Also auf der Hauptzeitleiste brauchst du eben die Buttons und einen Inhaltscontainer (MovieClip)

In diesen MovieClip wird dann das Inhaltsband gesteckt... dieses Inhaltsband ist dann auch wieder ein MovieClip

Dieser MovieClip des Inhaltsbandes hat dann in Actionscript einen Instanznamen

Mit diesem Instanznamen kannst du auf die Eigenschaften des MovieClips zugreifen...

z.B.:

inhaltsband.x = 0;
inhaltsband.y = 0;

wobei x und y eben die Koordinaten sind...

Wenn man jetzt z.B. auf einen Button klickt, kann man eine Funktion aufrufen, die z.B. mit Tween, inhaltsband.x um 300 erhöht oder reduziert...

Ich hoffe, ich hab das halbwegs klar erklärt

 

[4uwak]

AW: anfängerfrage: bild über navigationsleiste verschieben

jop tween ist die lösung, hier ein bsp. script wie es gehen würde:

//laden des tweens
import mx.transitions.Tween;
import mx.transitions.easing.*;
//defeniere move variable 
_global.over = 0;
//fülle mit buttons instanznamen
var btn:String = Array ("btn1", "btn2", "btn3", "btn4");
//ermittle anzahl
var btnanzahl:Number = btn.length;
//ermittle abstand
var ab:Number = mc._width / (btnanzahl);
//belege die buttons mit befehlen
for (i = 1; i < btnanzahl + 1; i++)
{
	_root["btn" + i].t = -(i - 1) * ab;
	_root["btn" + i].onRelease = function () {
		over = this.t;
	};
}
//tween erstellen für verschiebung
mc.onEnterFrame = function () {
	var tween:Tween = new Tween (this, "_x", Strong.easeIn, this._x, over, 1.8, false);
};

viel spass damit

 

[Tsukikage]

AW: anfängerfrage: bild über navigationsleiste verschieben

super, danke euch beiden.

ja, ich wollte eigentlich auch etwas AS lernen, von daher passt mir das auch ganz gut.
so 100%ig verstehe ich zwar noch nicht, was das alles zu bedeuten hat, aber ich probier einfach mal ein bisschen rum und wenn ich noch fragen haben sollte, melde ich mich nochmal
gerade bei dem ganzen code blick ich noch überhaupt nicht durch, aber so habe ich zumindest schonmal einen anhaltspunkt, womit ich mich zuerst beschäftigen sollte.

 

[Tsukikage]

AW: anfängerfrage: bild über navigationsleiste verschieben

funktioniert schon fast

ich konnte mich noch nicht ganz genau an eure anleitung halten, weil ich die wie gesagt nicht komplett begriffen habe, aber sie hat mir sehr weitergeholfen, einfach mal beim rumprobieren ein paar ergebnisse zu erzielen.

Also auf der Hauptzeitleiste brauchst du eben die Buttons und einen Inhaltscontainer (MovieClip)

zum verständnis: dieser inhaltscontainer ist dazu gedacht, daß wenn ich mehr als nur das hintergrundbild habe, auch alle anderen elemente, die den inhalt bilden, mit verschoben werden, oder? (momentan hab ich nämlich nicht diese verschachtelung benutzt - ist ja bisher auch nur ein einziges hintergrundbild.)

bisher sieht das so aus:


Uploaded with
und das AS:

btnhome.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler);
function fl_MouseClickHandler(event:MouseEvent):void
{
    inhalt.x = 0;
    inhalt.y = 0;
}

btngallery.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_4);
function fl_MouseClickHandler_4(event:MouseEvent):void
{
    inhalt.x = -1000;
    inhalt.y = 0;
}

und so weiter... eben für jeden navipunkt.


:?: wenn man auf die buttons klickt, springt der bildausschnitt nun wunderbar an die richtige stelle. nur mit dem tween funktioniert's noch nicht, da weiß ich noch nicht, wie ich das wirklich als kamerafahrts-bewegung hinbekomme.
könnt ihr mir hier vielleicht noch etwas auf die sprünge helfen?

ist das überhaupt sinnvoll, ein onlineportfolio mit weiteren inhalten auf diese weise zu basteln? ich vermute, daß so die ladezeiten länger sind, als wenn man alles, in einzelne contentseiten packt, weil man ja die ganzen 6 inhaltspunkte auf einmal lädt. oder machen das auch "normale" flashseiten mit einzeln anklickbaren unterseiten auch?