Wie ein Akkordeon Flex angepasst

May 12

Flex Builder ist Adobes Lösung für Web-Entwicklung von datengesteuerten. Mit XML, ActionScript und der Rest der Adobe Creative Suite, kann ein Web-Entwickler sowohl entwerfen und entwickeln von rich-Internet-Anwendungen. Die Adobe Flex-Bibliothek kommt mit eingebauten Komponenten. Eine dieser Komponenten ist das Akkordeon. Das Akkordeon ist ein gleitende Menü, das auf der Grundlage eines Benutzers klicken Informationen anzeigt. Verwenden Adobe Fireworks, kann ein Designer entwickeln und Bereitstellen von einzigartigen Skins für das Akkordeon-Komponente. Häuten wird einer Webanwendung einen einzigartigen Look geben.

Anweisungen

Die Akkordeon Haut zu entwickeln

1 Starten Sie Fireworks CS5, und öffnen Sie ein neues Dokument. Im Menü "Befehle" wählen Sie "Flex-Skinning" und dann "New Flex Haut."

2 Wählen Sie die Komponente, die Sie, auf der Haut möchten. Feuerwerk können Sie mehrere Komponenten oder eine einzelne Komponente auswählen. Wählen Sie "Bestimmte Komponenten" und dann das Akkordeon-Komponente aus der Liste. Wählen Sie "OK".

3 Mit dem integrierten Fireworks-Toolkit entwerfen Sie ein Design für Ihr Akkordeon-Komponente. Exportieren Sie die Flex-Haut durch die "Commands" und dann "Flex-Skinning" und schließlich "Export Flex Skin." Wählen Sie, wo Sie die Skin-Datei speichern möchten.

Erstellen Sie die Ziehharmonika und Stil

4 Adobe Flex zu öffnen und zu Ihrer wichtigsten Anwendungen Code-Ansicht wechseln. Fügen Sie die öffnenden und schließenden Tags für den Akkordeon-Container:

< Mx:Accordion >< / Mx:Accordion >

5 Hinzufügen von Bereichen zu Ihrem Akkordeon zwischen den öffnenden und schließenden Tags von Akkordeon.

< Mx:Accordion >

<mx:Form id="option1" label="Option 1"> </mx:Form>

<mx:Form id="option2" label="Option 2"> </mx:Form>

< / Mx:Accordion >

Der obige Code erstellt die Ziehharmonika und fügt zwei Optionen für den Benutzer zur Auswahl. Die Paneele werden beschriftet "Option 1" und "Option 2." Platzieren Sie Inhalte für "Option 1" und "Option 2" zwischen die öffnenden und schließenden Tags "Form".

6 Importieren Sie die Haut-Kunstwerke, die Sie erstellt. Wählen Sie "Datei", dann "Importieren," dann "Flash Builder" und "Artwork-Haut." Wählen Sie den Ordner, dem Sie in Ihrer Haut-Grafiken importieren möchten. Stellen Sie sicher, dass der Ordner im Dateisystem Hauptanwendungen befindet.

7 Name der CSS-Datei in Haut Kunstwerk. Flex erstellt eine Haut-CSS-Datei, die Sie von Ihrer Flex-Anwendung aufrufen können. Nennen Sie diese Datei im Feld "Haut Formatierungsregeln erstellen" im Dialog "Importieren". Klicken Sie auf "Weiter."

8 Wählen Sie das Bildmaterial, die, das Sie importieren möchten. Sie können alle Kunstwerke oder bestimmte Komponenten importieren. Klicken Sie nach der Auswahl Ihrer Grafiken auf "Finish". Flex erstellt automatisch Klassen für Ihre Haut-Artwork. Fügen Sie der Klasse Ihr Akkordeon:

< Mx:Accordion SkinClass = "YourAccordionClass" >