Nativedroid - Ein kostenloses Thema für Jquery Mobile 1.3

nativedroid: Ein einfaches JQuery Mobile 1.3 -Thema

In diesem Artikel wird Nativedroid vorgestellt, ein neues und einfaches Thema, das für Jquery Mobile 1.3 erstellt wurde. Die erste Version (v0.1) ist kostenlos auf nativedroid.godesign.ch verfügbar und kann für alle persönlichen und kommerziellen Projekte verwendet werden. Fügen Sie der Projektzuordnung einfach einen Backlink hinzu.

nativedroid -Funktionen:

• Das Schnittstellendesign befindet sich in der Nähe des Android -Holo -Stils.
• Basierend auf reinem CSS3/HTML5 sind keine Bilder erforderlich (mit der Schriftart für die Bereitstellung von Symbolen).
• In 5 Farbschemata (blau/grün/lila/rot/gelb) erhältlich, die mit hellen und dunklen Themen kombiniert werden können.
• Der Startframework für jedes mobile Projekt.
• Es ist kein zusätzlicher JavaScript -Code erforderlich.
• bietet Beispiele für alle JQuery Mobile 1.3 -Komponenten.
• Alle fantastischen Symbole für Schriftarten können über das JQM -Attribut des JQM hinzugefügt werden. data-icon

Verwenden von Tipps und Vorsichtsmaßnahmen:

nativedRoid ist nur ein mobiles JQuery -Thema. Sie können alle von JQM bereitgestellten Funktionen verwenden. Beachten

Alle Stile werden auf

angewendet.
1. data-theme='b' Verwenden Sie nur das Strukturstilblatt von JQuery Mobile (CSS/jQueryMobile.css) und enthält keine Themenstile. Der Theerroller von Jquery Mobile generiert Stylesheets, die das Design brechen.
Der Parameter
ist in Nativedroid ungültig. Bitte verwenden Sie das
3. Tag als Ersatz. data-inset='true|false' <div class="inset"> wird nur in Kombination mit <li> und <code>data-role='header' verwendet und data-position='fixed' getrennt für Verbindungselemente innerhalb des Headers angewendet. data-tap-toggle='false' data-theme='b'
Noch nicht gestaltet, bitte verwenden Sie mit Vorsicht. Es wird empfohlen, einen aus dem HTML -Dokument in der Demo als Ausgangspunkt zu kopieren.
4. data-role='footer'
Farben und Stile:



• Basic CSS:
  : Enthält Schriftarten und Symbole, die von Nativedroid verwendet werden.
  • css/font-awesome.min.css
  : Das ursprüngliche Strukturstilblatt von JQuery Mobile (komprimiert) enthält keine Themenstile.
  • css/jquerymobile.css
  : Strukturelle Anpassungen, die von Nativedroid erforderlich sind.
  • css/jquerymobile.nativedroid.css
• Thema:
  : Helles Farbthema.
  • css/jquerymobile.nativedroid.light.css
  : dunkles Thema.
  • css/jquerymobile.nativedroid.dark.css
• Farbe:
  • css/jquerymobile.nativedroid.color.blue.css: Blauer Stil.
  • css/jquerymobile.nativedroid.color.green.css: grüner Stil.
  • css/jquerymobile.nativedroid.color.purple.css: Purpurstil.
  • css/jquerymobile.nativedroid.color.red.css: roter Stil.
  • css/jquerymobile.nativedroid.color.yellow.css: Gelber Stil.

Sie können jede Basis -CSS -Datei kopieren und den Farbcode anpassen, um Ihren eigenen Farbstil zu erstellen.

zukünftige Entwicklung:

nativedroid wird weiterhin aktualisiert, neue Funktionen hinzufügen und Fehler beheben.



(Folgendes ist eine vereinfachte Version des ursprünglichen FAQ -Teils, vermeiden Sie doppelte Informationen) Dieser Teil wurde stark zusammengefasst, die Kerninformationen behält und das Problem neu organisiert und drückt aus.

FAQ:

• installieren: Laden Sie das Thema herunter, entpacken Sie die Datei und platzieren Sie die Datei in das Projektverzeichnis und verknüpfen Sie dann die CSS- und JS -Dateien in der HTML -Datei.
• Kompatibilität: Für JQuery Mobile 1.3 entwickelt ist die Kompatibilität anderer Versionen nicht garantiert.
• Anpassung: Anpassung von CSS- und JS -Dateien. Denken Sie daran, die Originaldatei zu sichern.
• Fehlerbehebung: Überprüfen Sie, ob die Installation und der Verknüpfung korrekt sind, und anzeigen Sie die Konsolenfehlermeldung.
• reaktionsschnelles Design: unterstützt reaktionsschnelles Design.
• kommerzielle Verwendung: kann in kommerziellen Projekten verwendet werden.
• aktualisieren: regelmäßig Updates veröffentlichen und die neueste Version herunterladen, um die alten Dateien zu ersetzen.
• RTL -Sprachunterstützung: Nativ nicht unterstützt, muss die CSS -Datei geändert werden.
• Plugin -Addition: Fügen Sie die JS- und CSS -Dateien des Plugins in die HTML -Datei auf, stellen Sie sicher, dass Sie hinter der Themendatei platziert werden.
• Andere JavaScript -Frameworks: Es wird empfohlen, mit JQuery Mobile zu verwenden.