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:

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.