Stu.ff

NEU - SimpleScroller Version 3.0

Warum ein "Major Release"..? Das Ding ist jetzt eine Komponente, d.h. man muss zur Einbindung keine einzige Zeile Code mehr schreiben: Alle bestehenden Eigenschaften des SimpleScrollers (plus eine neue namens 'adaptScrollbarHeight') können nach Drag and Drop auf die Bühne in den Komponenten-Parametern im Eigenschafts-Inspektor in Flash vorgenommen werden. Können, müssen aber nicht...

Man kann - wie die beiliegende Demo-FLA zeigt - nach wie vor alles auch per Script beeinflussen, muss dann aber die init()-Methode des SimpleScrollers für die Instanz, die man am Start hat, aufrufen, damit die Änderung sich auswirkt.
Und natürlich können der Look und die Grafik der SimpleScroller-Bestandteile nach Belieben angepasst oder ausgetauscht werden.

Ein bisschen was hat sich noch geändert - deshalb hier eine alphabetische Übersicht über die Eigenschaften des SimpleScrollers, die als Komponenten-Parameter oder per Script über Setter beeinflusst werden können (in Klammern jeweils der default-Wert):

adaptDraggerHeight

Höhe des Draggers an die zu scrollende Textmenge anpassen (true)

adaptScrollbarHeight

Gesamthöhe der Scrollbar anpassen, wenn das Textfeld per AS skaliert wird (true)

hideInactiveScrollbar

Scrollbar ausblenden, wenn das Textfeld nicht gescrollt werden muss (false)

position

Scrollbar-Position: rechts oder links vom Textfeld ("right")

scrollbarXOffset

Scrollbar-Versatz in x-Richtung (0)

scrollbarYOffset

Scrollbar-Versatz in y-Richtung (0)

scrollDownBtnXOffset

Versatz des Scroll-Down-Buttons in x-Richtung (0)

scrollDownBtnYOffset

Versatz des Scroll-Down-Buttons in y-Richtung (0)

scrollTarget *

Das Textfeld, welches gescrollt werden soll (null)

scrollUpBtnXOffset

Versatz des Scroll-Up-Buttons in x-Richtung (0)

scrollUpBtnYOffset

Versatz des Scroll-Up-Buttons in y-Richtung (0)

useButtons

Scrollbuttons anzeigen/verwenden (true)

useDragger

Scroll-Dragger anzeigen/verwenden (true)

* = zwingende Angabe

Ich wünsche viel Spaß!

Achja... noch was: Der SimpleScroller 3 ist Flash 8-only. Die alte Version 2 lasse ich aber hier aber noch drin, die kann man auch mit MX 2004 öffnen...

Update: SimpleScroller Version 2.1

Der SimpleScroller wurde um folgendes erweitert:

• Der (dem?) Scrollbar kann ein relativer Versatz in x- und y-Richtung zugewiesen werden
• Den Scrollbuttons kann ein Versatz in x- und y-Richtung von ihrer ursprünglichen Position zugewiesen werden
• Die (der?das?) Scrollbar kann bei Bedarf (wenn's nix zu scrollen gibt) ausgeblendet werden

Codebeispiele:

// Scrollbar um 30px nach rechts und 10px nach unten versetzen
scroller._scrollbarOffset = { x: 30, y: 10 };

// Scrollbuttons um 10px nach rechts und 20px nach oben versetzen
scroller._scrollUpBtnOffset = { x: 10, y: -20 };
scroller._scrollDownBtnOffset = { x: 10, y: -20 };

// Scrollbar ausblenden, wenn inaktiv 
// (wenn Textfeld nicht gescrollt werden muss)
scroller._hideInactiveScrollbar = true;

Wie der Name schon vermuten lässt: ein einfacher Textscroller für dynamische Textfelder sowie für Eingabe-Textfelder (Flash MX 2004)... Für alle wie mich, denen die Flash-eigene Scrollbar-Komponente meistens zu mächtig bzw. zu umständlich anpassbar ist.
Der SimpleScroller braucht einen Container-MC, den man ihm im Konstruktor mitteilt und der wiederum 2 MCs namens 'scrollbase' und 'dragger' enthalten muss:

var scroller:SimpleScroller = new SimpleScroller(myScrollClip);

Man weise dem SimpleScroller weiterhin das Textfeld zu, welches man zu scrollen beabsichtigt

scroller._scrollTarget = myTextField;

ruft die init-Methode auf, damit der scroller weiß, worum's geht

scroller.init();

und ersma fertig!

Optionale Einstellungen:

// scroller links vom TF
scroller._position = "left"; // default: "right"

// Scrollbuttons verwenden 
// (dann 2 MC-Instanzen namens 'scroll_up_btn' und 'scroll_down_btn' 
// im scrollbar-Clip nötig)
scroller._useScrollbuttons = true; // default: false

// Dragger nicht verwenden
scroller._useDragger = false; // default: true

// Hoehe des Draggers nicht anpassen
// (bspw. sinnvoll, wenn eine Pixelgrafik als dragger verwendet wird)
scroller._adaptDraggerHeight = false; // default: true

Viel Spaß!

Flash-Gästebuch mit XML/PHP/MySQL-Backend inkl. Admin-Oberfläche
Näheres im FF-Thread ...

Dieses Beispiel zeigt, wie man eine SWF per URL-Parameter (?name=wert) steuern kann.

Dabei werden zwei Merkmale der SWF beeinflusst:

• Die Aufbau-Animation wird nur abgespielt, wenn der Parameter nicht gesetzt ist ("Intro nur einmal abspielen").
• Der geklickte Navigations-Button bleibt Seiten-übergreifend aktiv ("geklickten Button merken").

Die (etwas unschönere) JavaScript-Variante.

Update 06-10-17: Jetzt nicht mehr ganz so unschön...
Hab das Ding mal unter Verwendung des SWFObject aktualisiert:

var so = new SWFObject(
	'control_SWF_via_URL.swf', 
	'nav', 
	'500', 
	'38', 
	'7', 
	'#FFF'
);
so.addVariable( 'activeItem', getQueryParamValue('activeItem') );
so.write('swf');

Hier bleibt der schwarze MovieClip unskaliert, während der Hintergrund sich in Höhe und Breite an das Browserfenster anpasst.
Wichtig: damit das auch im Firefox funktioniert, muss folgender Style in den Head des HTML-Dokuments oder (meistens besser) in ein externes Stylesheet:

* {
	margin			:	0;
	padding			:	0;
}

body, html {
	width			:	100%;
	height			:	100%;
}

object, embed {
	display			:	block;
	width			:	100%;
	height			:	100%;
}

Alkohol sowie das Weglassen des DOCTYPES sind doch keine Lösung!!!
(Stichworte: Stage, scaleMode, skalieren)

Quasi die Erweiterung zum vorigen Beispiel: Ein MC bleibt fix auf seiner Position, der andere wandert immer zum Zentrum beim Skalieren des Browserfensters und beide werden nicht skaliert.
Für den Firefox gilt natürlich wiederum das oben genannte.
(Stichworte: Stage, scaleMode, skalieren, zentrieren)