Looking for onsen-ui Keywords? Try Ask4Keywords

onsen-uiErste Schritte mit onsen-ui


Bemerkungen

In diesem Abschnitt erhalten Sie einen Überblick darüber, was Onsen-Ui ist und warum ein Entwickler es verwenden möchte.

Es sollte auch alle großen Themen innerhalb von onsen-ui erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für onsen-ui neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.

Einführung

Die Onsen-Benutzeroberfläche ist ein Open-Source-Framework, mit dem Sie Hybrid-Apps mit nativer Performance entwickeln können. Es kann zusammen mit mehreren bekannten JavaScript-Frameworks wie AngularJS (1 & 2), ReactJS und jQuery verwendet werden.

Das Laden der OnsenUI in ein Projekt ist so einfach wie das Schreiben einiger Standard-HTML-Tags in Ihre index.html-Datei:

<!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <!-- load Onsen structure CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
        <!-- load Onsen theme CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
        <!-- load Onsen main Javascript file -->
        <script src="lib/onsen/js/onsenui.js"></script>
        <script>
          ons.ready(function() {
            // Init code here
          });
        </script>
      </head>
      <body>
        <ons-navigator>
          <ons-page>
            Hello World!
          </ons-page>
        </ons-navigator>
      </body>
    </html>
 

ons.ready Funktion ist die Hauptfunktion, die uns mit Sicherheit sagen kann, wann die Onsen-UI-Initialisierung durchgeführt wird. Dann können Sie eine beliebige OnsenUI- Komponente verwenden .