Inhalt

Responsive Layouts Telefon-Anwendungen erstellen

Erweitern des HTML-Codes

Dieses Tutorial zeigt, wie Sie eigenes HTML dem HTML-Export hinzufügen können. Starten Sie einen neuen Film, und fügen Sie ein HTML-Objekt in der Bibliothek ein.


Erweitern des HTML-Codes 1

Fügen Sie einigen HTML-Code in das HTML-Objekt ein. In diesem Beispiel ist eine HTML select control. Der HTML-Code wird im Inlineschema in den HTML-Export integriert.



<select style="display:block;">
<option>Red</option>
<option>Orange</option>
<option>Yellow</option>
<option>Green</option>
<option>Blue</option>
<option>Indigo</option>
<option>Violet</option>
</select>

Achten Sie darauf, ein 'display:block;' Stil für die select Kontrolle. Beim Exportieren, sind die meisten HTML-Steuerelemente und Objekte standardmäßig ausgeblendet. Dies ist so die Animation das Steuerelement nur bei Bedarf anzeigen kann. Zu den select Steuerelement sichtbar, die display Stil muss geändert werden, um block.


Fügen Sie das HTML-Objekt der Bibliothek hinzu. Der HTML-Code wird im Editor dargestellt. Das HTML-Objekt kann animiert werden, wie jedes andere Objekt. Kann aber den Inhalt nicht automatisch skalieren sondern nur um jeweils 90 Grad drehen.


Erweitern des HTML-Codes 3

Wenn Sie auf Play drücken, ist das HTML-Objekt leer. HTML wird nicht im Player angezeigt.


Play Abspielen

Erweitern des HTML-Codes 4

Wenn Sie den Film exportieren, ist der HTML-Code im Export enthalten. Es ist wichtig zu beachten, dass keine Fehler in den HTML-Code den Export fehl machen könnte.


Erweitern des HTML-Codes 5

Die HTML-Code select control ist nun auf der Webseite verfügbar.


Erweitern des HTML-Codes 6

Responsive Layouts Telefon-Anwendungen erstellen
Diese Dokumentation wurde aus dem englischen, mit einem online-Übersetzer übersetzt. Wir entschuldigen uns, wenn Sie irgendwelche Fehler finden. Wenn Sie uns Korrekturen helfen möchten. Gibt es ein Übersetzungseditor in Hippani Animator (im Menü "Hilfe"). Kostenlose Lizenz-Schlüssel geben wir jedem, der mehr als 100 Sätze korrigiert. Bitte kontaktieren Sie uns für weitere Details.