Dieser Tutorial stellt eine volle Anwendung, die Schweber für das Rote herstellt, grün, blau, und Alphawerte dar, die die Farbe eines Filmclips steuern:
|
|
Erstellen Sie ein neues grelles Dokument und speichern Sie es.
Auf dem Haupttimeline benennen Sie die Rückstellung Schicht als movieClips um und verursachen Sie eine neue Schicht, die Tätigkeiten genannt wird.
Verursachen Sie ein Filmclipsymbol und zeichnen Sie einen Kreis in ihm. Der Kreis sollte ungefähr 120 x 120 Pixel sein.
Gehen Sie zum Haupttimeline zurück und verursachen Sie einen Fall des Kreisfilmclips auf dem Stadium auf der movieClips Schicht. Setzen Sie den Fall auf die linke Seite des Stadiums. Nennen Sie das Fall circle_mc mit dem Eigenschaft Prüfer.
Öffnen Sie die Bestandteilverkleidung (Fenster-Bestandteile) und schleppen Sie vier Fälle des ScrollBar Bestandteils auf das Stadium auf der movieClips Schicht. Nennen Sie diese Fälle red_sb, green_sb, blue_sb und alpha_sb. Zeichnen Sie sie oben horizontal auf der rechten Seite des Stadiums.
Wählen Sie das keyframe der Tätigkeiten Schicht vor und öffnen Sie die Tätigkeiten Verkleidung.
Fügen Sie den folgenden Code der Tätigkeiten Verkleidung hinzu und prüfen Sie den Film (Steuertest-Film). Die scrollbars sind colorized automatisch, um die Farbe Bestandteile anzuzeigen, die sie steuern. Das Verschieben der Daumenschweber auf den scrollbars justiert die Farbe des Kreises.
//definieren Sie eine Funktion, die die scrollbar Fälle
initialisiert, wie Schweber//Steuerung die Farbe Funktion initSliders
bewertet () {
//zuerst, stellten die Rolleeigenschaften von jedem der scrollbars ein. Für das Rot,// Grün und die blauen scrollbars sollten die Werte von 0 bis 255 reichen. Verwenden Sie, a// pageSize von 120, damit die Farbe Schweber einen proportionalen Daumenstab// die Alphastrecke ist von 0 bis 100 herstellen und also pageSize sollte 47 sein, zum// ein zu verursachen Daumenstab, der mit den anderen Schwebern red_sb.setScrollProperties proportional ist (120, 0, 255); green_sb.setScrollProperties(120, 0, 255); blue_sb.setScrollProperties (120, 0, 255); alpha_sb.setScrollProperties(47, 0, 100);
//Colorize die Schweber selbst. Bilden Sie den
red_sb Schweber rot und ähnlich// bilden Sie green_sb Grün- und
blue_sbblau. Bilden Sie den alpha_sb Schweber weißes
red_sb.setStyleProperty ("Gesicht", 0xFF0000);
green_sb.setStyleProperty("face", 0x00FF00);
blue_sb.setStyleProperty ("Gesicht", 0x0000FF);
alpha_sb.setStyleProperty("face", 0xFFFFFF);
//Satz die Ausgangsposition für das Farbe Schweber alpha_sb bleibt bei 100% red_sb.setScrollPosition (127); green_sb.setScrollPosition(127); blue_sb.setScrollPosition (127); }
Funktion initColor () {// Speicher ein neuer Farbe
Gegenstand in einer Eigenschaft von circle_mc. my_color = neues
Color(circle_mc); circle_mc.col = my_color;
//Speicherhinweise auf den vier scrollbars als Eigenschaften von circle_mc. circle_mc.red = red_sb; circle_mc.green = green_sb; circle_mc.blue = blue_sb; circle_mc.alpha = alpha_sb; }
//initialisieren Sie die Schweber und das Farbe Gegenstand initSliders(); initColor();
//Update, welches die Farbe des circle_mc Filmclips, der
auf dem Schweber basiert, circle_mc.onEnterFrame = Funktion () holen
{// die gegenwärtige Stellung der Farbe und Alphaschweber var r = 255
zurück - this.red.getScrollPosition() in Position bringt; var g
= 255 - this.green.getScrollPosition(); var b = 255 -
this.blue.getScrollPosition(); var a = 100 -
this.alpha.getScrollPosition();
//aufgestellt den Umwandlunggegenstandeigenschaften, zum von von transformObj Farbe der circle_mcs einzustellen = neues Object(); transformObj.ra = 0; transformObj.rb = r; transformObj.ga = 0; transformObj.gb = g; transformObj.ba = 0; transformObj.bb = b; transformObj.aa = a; transformObj.ab = 0; this.col.setTransform(transformObj); }
|
|