 |
|
|
|
|
|
|
|
|
Live-Vorschau für die Komponente aktivieren
Um die Live-Vorschau zu aktivieren, erstellen Sie einen SWF-Film aus einer Kopie der FLA-Datei für die Komponente. Anschließend verknüpfen Sie den Live-Vorschau-Film mit der Komponente.
Live-Vorschau-Film erstellen
Um einen Live-Vorschau-Film für eine Komponente zu erstellen, fertigen Sie eine Kopie der FLA-Datei an und fügen ActionScript-Code hinzu, damit die Parameterwerte während der Wiedergabe an den Live-Vorschau-Film übergeben werden. Anschließend erstellen Sie den SWF-Film.
| 1 |
Stellen Sie sicher, dass die Komponente in Flash MX geöffnet ist, und wählen Sie Bearbeiten > Alles auswählen (Edit > Select All). |
| 2 |
Wählen Sie Bearbeiten > Kopieren (Edit > Copy). |
| 3 |
Wählen Sie Datei > Neu (File > New), um ein neues Dokument zu erstellen. |
| 4 |
Wählen Sie Bearbeiten > Einfügen (Edit > Paste), um eine Kopie der Komponente in das neue Dokument einzufügen. |
| 5 |
Wählen Sie Datei > Speichern (File > Save), und speichern Sie das neue Dokument unter dem Namen Preview.fla. |
| 6 |
Erstellen Sie in Preview.fla ein leeres Movieclip-Symbol. Stellen Sie eine Instanz des leeren Movieclips auf die Bühne, und nennen Sie sie xch. |
|
Diese Movieclip-Instanz dient als Platzhalter, über den Werte für die Parameter übergeben werden. |
| 7 |
Kehren Sie zum Komponentendokument zurück. |
| 8 |
Wählen Sie die ActionScript-Ebene in der Zeitleiste aus, und wählen Sie Fenster > Aktionen (Window > Actions), um das Bedienfeld Aktionen (Actions) einzublenden. Stellen Sie sicher, dass im Optionsmenü des Bedienfelds Aktionen (Actions) die Option Normaler Modus (Normal Mode) ausgewählt ist. |
|
|
Hinweis: Wenn Sie mit dem Expertenmodus vertraut sind, können Sie die folgenden Schritte auch im Expertenmodus durchführen.
| 9 |
Wählen Sie im Skriptfenster des Bedienfelds Aktionen (Actions) den gesamten ActionScript aus. |
| 10 |
Kehren Sie zum Dokument Preview.fla zurück. |
| 11 |
Klicken Sie auf die Schaltfläche Neue Ebene (New Layer), um eine Ebene im neuen Dokument zu erstellen. |
| 12 |
Stellen Sie sicher, dass die neue Ebene ausgewählt ist, und fügen Sie den aus dem Komponentendokument kopierten ActionScript-Code in das Skriptfenster des Bedienfelds Aktionen (Actions) ein. |
| 13 |
Wählen Sie die Codezeile myTextFormat = new TextFormat(); aus. Schneiden Sie die Zeile aus, und fügen Sie sie am Anfang des Codes ein. |
|
Der Code im Skriptfenster sollte jetzt wie folgt aussehen: |
|
myTextFormat = new TextFormat();
buttonLabel.textColor = labelColor;
myTextFormat.font = labelFont;
buttonLabel.setTextFormat(myTextFormat);
|
| 14 |
Wählen Sie die erste Codezeile aus. Klicken Sie in der Werkzeugleiste im Bedienfeld Aktionen (Actions) auf Index. Doppelklicken Sie auf den Eintrag onUpdate (Live-Vorschau) (onUpdated [Live Preview]), um diese Aktion zum Skriptfenster hinzuzufügen. |
|
Der Code im Skriptfenster sollte jetzt wie folgt aussehen: |
|
myTextFormat = new TextFormat();
function onUpdate() {
}
buttonLabel.textColor = labelColor;
myTextFormat.font = labelFont;
buttonLabel.setTextFormat(myTextFormat);
|
| 15 |
Klicken Sie bei gedrückter Umschalttaste auf die letzten drei Codezeilen, und schneiden Sie die Zeilen mit <Strg>+<C> (Windows) bzw. <Befehl>+<C> (Macintosh) aus. |
| 16 |
Wählen Sie die Zeile function onUpdate (Live preview)(){ aus, und fügen Sie die Zeilen in der Funktion mit <Strg>+<V> (Windows) bzw. <Befehl>+<V> (Macintosh) ein. |
|
Der Code im Skriptfenster sollte jetzt wie folgt aussehen: |
|
myTextFormat = new TextFormat();
function onUpdate() {
buttonLabel.textColor = labelColor;
myTextFormat.font = labelFont;
buttonLabel.setTextFormat(myTextFormat);
}
|
| 17 |
Geben Sie xch. vor der Variablen labelColor und vor der Variablen labelFont ein. |
|
Der Code im Skriptfenster sollte jetzt wie folgt aussehen: |
|
myTextFormat = new TextFormat();
function onUpdate() {
buttonLabel.textColor = xch.labelColor;
myTextFormat.font = xch.labelFont;
buttonLabel.setTextFormat(myTextFormat);
}
|
| 18 |
Wählen Sie Datei > Veröffentlichen (File > Publish), um den SWF-Film für die Vorschau zu veröffentlichen. |
|
|
Pfad zum Live-Vorschau-Film festlegen
Als Nächstes verknüpfen Sie den Live-Vorschau-Film im Dialogfeld Komponentendefinition (Component Definition) mit der Komponente. Sie können den Live-Vorschau-Film in die Komponente einbetten oder als externe Datei mit der Komponente verknüpfen. Wenn Sie den Live-Vorschau-Film einbetten, können Benutzer auf anderem Systemen leicht auf den Film zugreifen, da dieser Bestandteil der Komponentenfilmdatei ist.
| 1 |
Kehren Sie zum Komponentendokument zurück. |
| 2 |
Wählen Sie die Komponente im Bedienfeld Bibliothek (Library) aus, und wählen Sie im Optionsmenü der Bibliothek den Befehl Komponentendefinition (Component Definition). |
| 3 |
Klicken Sie im Dialogfeld Komponentendefinition (Component Definition) auf die Schaltfläche Einstellen (Set) rechts neben dem Feld Live-Vorschau (Live Preview). |
| 4 |
Klicken Sie im Dialogfeld Live-Vorschau (Live Preview) auf die Option Live-Vorschau mit in .fla-Datei eingebetteter .swf-Datei (Live Preview with SWF File Embedded in FLA File), um den Live-Vorschau-Film in die FLA-Datei der Komponente einzubetten. Wenn Sie den Live-Vorschau-Film lieber als externe Datei verknüpfen möchten, wählen Sie Live-Vorschau in externer .swf-Datei (Live Preview in External SWF File). |
| 5 |
Geben Sie den Pfad zum Live-Vorschau-Film in das Textfeld ein, oder klicken Sie auf Durchsuchen, und machen Sie die Datei Preview.swf ausfindig. |
| 6 |
Klicken Sie auf OK. |
|
|
|
|
|
|
|
|
|
