 |
|
|
|
|
|
|
|
|
Komponenten-Movieclip erstellen
Die Erstellung einer Komponente beginnt mit dem Hinzufügen einer Textbox, in der die Schaltflächenbezeichnung eingegeben wird. Dann erstellen Sie einen neuen Movieclip, der die Schaltfläche und die Textbox enthält. Abschließend erstellen Sie eine neue Ebene im Komponenten-Movieclip und fügen den ActionScript-Code mit den Parametervariablen hinzu.
| 1 |
Öffnen Sie die Schaltfläche, die Sie heruntergeladen haben. |
| 2 |
Klicken Sie in der Zeitleiste auf die Schaltfläche Ebene einfügen (Insert Layer), um eine neue Ebene zu erstellen. |
| 3 |
Stellen Sie sicher, dass die neue Ebene in der Zeitleiste ausgewählt ist, klicken Sie auf das Textwerkzeug, und ziehen Sie auf der Bühne eine Textbox auf, die etwa so groß ist wie die Schaltfläche. |
| 4 |
Geben Sie Platzhaltertext für die Schaltflächenbezeichnung ein. In unserer Schaltfläche lautet die Bezeichnung beispielsweise Cancel. |
| 5 |
Wählen Sie die Textbox auf der Bühne aus. |
| 6 |
Wenn der Eigenschafteninspektor nicht angezeigt wird, wählen Sie Fenster > Eigenschaften (Window > Properties). |
| 7 |
Wählen Sie im Eigenschafteninspektor als Texttyp Dynamischer Text (Dynamic Text) und als Schriftart Arial aus, und deaktivieren Sie die Option Auswählbar (Selectable). Geben Sie als Instanznamen labelFont ein. |
| 8 |
Wählen Sie die Schaltfläche und die Textbox auf der Bühne aus. |
| 9 |
Wählen Sie Fenster > Ausrichten (Window > Align), um das Bedienfeld Ausrichten (Align) einzublenden. |
| 10 |
Klicken Sie auf Horizontal zentriert (die zweite Schaltfläche von links unter Ausrichten [Align]) und auf Vertikal zentriert die zweite Schaltfläche von rechts unter Ausrichten [Align]), um die Textbox über der Schaltfläche anzuordnen. |
| 11 |
Stellen Sie sicher, dass die Schaltfläche und die Textbox nach wie vor ausgewählt sind, und wählen Sie Einfügen > In Symbol konvertieren (Insert > Convert to Symbol), um ein neues Symbol zu erstellen (Sie können auch F8 drücken). |
| 12 |
Geben Sie im Dialogfeld In Symbol konvertieren (Convert to Symbol) als Symbolnamen component ein. Wählen Sie unter Verhalten (Behavior) das Optionsfeld Movieclip (Movie Clip) aus. Stellen Sie sicher, dass das Registrierungskreuz in der Mitte ausgewählt ist. Klicken Sie dann auf OK. |
| 13 |
Klicken Sie in der Zeitleiste auf die Schaltfläche Ebene einfügen (Insert Layer), um eine neue Ebene zu erstellen. |
| 14 |
Wählen Sie die neue Ebene aus, und wählen Sie Fenster > Aktionen (Window > Actions), um das Bedienfeld Aktionen (Actions) einzublenden. |
| 15 |
Öffnen Sie im Bedienfeld Aktionen (Actions) das Optionsmenü, und wählen Sie Expertenmodus (Expert Mode), damit Sie direkt im Skriptfenster Eingaben vornehmen können. |
| 16 |
Geben Sie im Bedienfeld Aktionen (Actions) den folgenden Code in das Skriptfenster ein (bzw. verwenden Sie die Befehle Kopieren [Copy] und Einfügen [Paste]), um die Parametervariablen zu deklarieren: |
|
buttonLabel.textColor = labelColor;
myTextFormat = new TextFormat();
myTextFormat.font = labelFont;
buttonLabel.setTextFormat(myTextFormat);
|
|
Dieser Code bezeichnet drei Variablen, buttonLabel , labelColor und labelFont, die den Inhalt, die Schriftart und die Farbe der Schaltflächenbezeichnung bestimmen. |
|
|
|
|
|
|
|
|
|
