Schieberegler

[Doc Flyman]

Hallo an alle,

nachdem dieses Forum mir mit seinen mehr als reichhaltigen Informationen sehr oft geholfen hat, nun auch ein kleiner, bescheidener Beitrag von mir .

Mit folgendem knappem Code läßt sich in wenigen Augenblicken ein Schieberegler einbauen und konfigurieren. Man braucht lediglich zwei Grafiken (Schieber und Halter), die in MC´s gestellt werden, sowie ein dynamisches Textfeld.

PHP-Code:

///////////////////////////////////////////////////////////////
// Dieser Schieberegler läßt sich universell anpassen.       //
// Dazu müssen lediglich die Werte der ersten fünf Variablen // 
// vorgegeben werden. Der Regler rastet nach dem Loslassen   //
// in die nächstgelegene Position ein.                         //
///////////////////////////////////////////////////////////////
stop();
var weg = 46; // Anzahl Pixel der gesamten Wegstrecke
var esp = 5; // Anzahl der gewünschten Einstellpunkte
var ebvn = 5; // Entfernung der Bahn vom Nullpunkt der x-Achse
var aw = 3; // kleinster Anzeigewert
var ew = 20; // größter Anzeigewert
var aewd = (ew-aw)/(esp-1); // Differenzwert zwischen den einzelnen Anzeigepunkten
var hpe = weg/(esp-1); // Entfernung der Haltepunkte untereinander in px
var hp:Array = new Array(); // Erstellung von Arrays für Pixelwerte
var hp1:Array = new Array(); // Erstellung von Arrays für Einstellwerte
for (var i = 1; i <= esp; i++){
    hp[i-1] = ebvn+hpe*(i-1); // Füllen der Arrays mit Pixelwerten
    hp1[i-1] = Math.round(aw+aewd*(i-1)); // Füllen der Arrays mit Einstellwerten
    };
var sta = hp[Math.round((esp/2)-1)]; // Berechnung des Reglerstartpunktes etwa in der Mitte
this.regler._x = sta; // Setzen des Reglerstartpunktes
var sta1 = hp1[Math.round((esp/2)-1)] // Berechnung des Einstellwertstartpunktes
this.sek_wert.text = sta1+"s"; // Schreiben des Einstellwertstartpunktes
this.regler.onPress = function() { // Wird der Regler gedrückt
  this.startDrag(false, ebvn, 0, (ebvn+weg), 0); // bewegt er sich an diesem Pfad
  this.onEnterFrame = function() { // Verändert der Regler seine Position
    for(var j = 0;j <= (hp.length-1);j++){ // wird diese ermittelt
        if(regler._x < (hp[j]+(hpe/2)) && regler._x > (hp[j]-(hpe/2))){
            sta1 = hp1[j]; // und der zugehörige Einstellwert zugeordnet
            sta = hp[j]; // sowie die Position festgelegt, in die der
        }                 // Regler beim loslassen springt
    }
    sek_wert.text = sta1+"s"; // Aktueller Einstellwert wird geschrieben
  }
};
this.regler.onRelease = this.regler.onReleaseOutside = function() {
  regler._x = sta; // Regler springt in feste Position
  stopDrag();                     // und alles wird
  delete this.onEnterFrame;        // aufgeräumt.
  stellwert();        // Aufruf gewünschter Funktionen
} 


Ein Beispiel für die Verwendung in einer Bildergalerie findet Ihr hier.
Man stellt bei Aktivierung der Diashow die gewünscht Anzeigedauer ein.

Vielleicht hilft es dem einen oder anderen.

Sollte diese Posting besser woanders stehen, bitte verschieben.

MfG Doc Flyman

[andretti]

feine sache!

aber ohne grundgerüst(fla) nur die hälfte wert?
und i kapier auch net, für was des gut ist?

[Doc Flyman]

Der Vorteil liegt im modularen Aufbau. Er läßt sich ohne großen Aufwand überall einbauen und schnell anpassen. Egal welche Grafiken ich für den Regler verwende. Man muß nur die Abmessungen und Positionen dieser Grafiken in px wissen, was kein Problem darstellen sollte.

Für die Verwendung können die gelieferten Rückgabewerte (sta1) genutzt werden.

In meinem Anwendungsfall sollen die Sekunden bis zum Bildwechsel eingestellt werden können. Er ist somit bei Bildergallerien interessant, wenn man dies nicht über ein Eingabefeld regeln will. Aber auch überall, wo kein linearer Verlauf gewünscht ist, bietet er sich an.

Anbei noch die gewünschte .fla, damit sicher noch um einiges verständlicher.

Gruß Doc Flyman

[s9548585]

Hab genau nach so etwas gesucht, da es schnell gehen muss genu das richtig.

[Hallospensa]

Auch wenn es schon 4 Jahre her ist. Danke für das Script. Du hast mir damit sehr geholfen.