Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

Mobile Apps mit Cordova

CSS-Dateien einsetzen

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Die Formatierung der GUI einer Cordova-App erfolgt über CSS. Lernen Sie, diese CSS-Dateien erfolgreich zu nutzen.
02:28

Transkript

Wir wollen uns in diesem Video die css-Datei ansehen, die die Gestaltung einer Cordova App im Wesentlichen regelt. Es ist allgemein so, dass man im Web die Struktur einer Website mit HTML festlegt und die Gestaltung vollständig css überlässt und genau das Gleiche ist es auch hier bei einer Cordova-App der Fall. Sie sehen hier in einem Emulator wird die Standardapp gestartet. Sie sehen das Hintergrundbild, ein bisschen Schrift und unten DEVICE IS READY. Das ist die index.html Datei, die beispielsweise hier DEVICE IS READY, also diesen Text anzeigt, aber Sie sehen auch, dass hier eine Referenz auf eine stylesheet-Datei vorgenommen wird. Wenn man sich die Projektstruktur ansieht, also hier das Projektverzeichnis, dann das Unterverzeichnis www, dann ist ausgehend von index.html hier der Ordner css und dort gibt es diese Datei index.css und diese generierte Datei sieht so aus: Sie haben hier Regeln für den 'Body', haben Sie noch einige Klassen hier spezifiziert, hier haben Sie den Überschrift von Ordnung 'h1' usw., usw. wieder ein paar Klassen. Im Inneren werden normale css-Formatierung vorgenommen, Sie finden unter anderem aber auch spezielle Angaben für die WebKit - Engine zumindest WebKit, aber im Grunde ist das normales css. wenn Sie eine App jetzt umgestalten wollen, dann ist das die Stelle, an der Sie treten. Sie bekommen diese Datei automatisch generiert, wenn Sie mit dem Komandozeilentool von Cordova arbeiten und danach passen Sie diese css Datei an. Entweder kommt eine ergämzende css-Datei hinzu, der diese generierte Datei wird ausgetauscht, oder modifiziert. Und damit können Sie das gesamte Layout dieser App modifizieren, natürlich im Zusammenspiel mit den Strukturen, die über die HTML-Datei festgelegt werden. Sie haben also in diesem Video gesehen, wie das Layout bei einer Cordova App geregelt wird, wie es festgelegt wird und zwar mit einer css-Datei, die in der HTML-Datei eingebunden wird.

Mobile Apps mit Cordova

Schreiben Sie mit Cordova mobile Apps, die nicht nur auf einer bestimmten mobilen Plattform laufen, sondern in verschiedenen Umgebungen.

3 Std. 58 min (59 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!