NativeScript - Module

Ein NativeScript-Modul enthält eine Reihe verwandter Funktionen, die als einzelne Bibliothek zusammengefasst sind. Lassen Sie uns die Module des NativeScript-Frameworks kennenlernen.

Es enthält Kernfunktionen des NativeScript-Frameworks. Lassen Sie uns die Kernmodule in diesem Kapitel verstehen.

Anwendung

Die Anwendung enthält die plattformspezifische Implementierung einer mobilen Anwendung. Einfaches Kernmodul ist unten definiert -

const applicationModule = require("tns-core-modules/application");

Konsole

Das Konsolenmodul wird zum Protokollieren von Nachrichten verwendet. Es hat die folgenden Methoden -

console.log("My FirstApp project"); 
console.info("Native apps!"); 
console.warn("Warning message!"); 
console.error("Exception occurred");

Anwendungseinstellungen

Das Modul für Anwendungseinstellungen enthält eine Methode zum Verwalten von Anwendungseinstellungen. Um dieses Modul hinzuzufügen, müssen wir den folgenden Code hinzufügen:

const appSettings = require("tns-core-modules/application-settings");

In der Anwendungseinstellung stehen nur wenige Methoden zur Verfügung:

  • setBoolean (Schlüssel: Zeichenfolge, Wert: Boolean) - Boolesches Objekt festlegen

  • setNumber (Schlüssel: Zeichenfolge, Wert: Nummer) - Setzt das Nummernobjekt

  • setString (Schlüssel: Zeichenfolge, Wert: Zeichenfolge) - Legt das Zeichenfolgenobjekt fest

  • getAllKeys () - Enthält alle gespeicherten Schlüssel

  • hasKey (Schlüssel: Zeichenfolge) - Überprüfen Sie, ob ein Schlüssel vorhanden ist oder nicht

  • clear - Löscht gespeicherte Werte

  • Entfernen - Entfernen Sie alle Einträge basierend auf dem Schlüssel.

Ein einfaches Beispiel für die Verwendung der Anwendungseinstellung lautet wie folgt:

function onNavigatingTo(args) { 
   appSettings.setBoolean("isTurnedOff", false);
   appSettings.setString("name", "nativescript"); 
   appSettings.setNumber("locationX", 54.321); 
   const isTurnedOn = appSettings.getBoolean("isTurnedOn"); 
   const username = appSettings.getString("username"); 
   const locationX = appSettings.getNumber("locationX"); 
   // Will return "not present" if there is no value for "noKey" 
   const someKey = appSettings.getString("noKey", "not present"); 
}
exports.onNavigatingTo = onNavigatingTo; 
function onClear() {
   // Removing a single entry via its key name 
   appSettings.remove("isTurnedOff"); 
   // Clearing the whole settings 
   appSettings.clear(); 
}

http

Dieses Modul dient zur Handhabung httpAnfrage und Antwort. Fügen Sie den folgenden Code hinzu, um dieses Modul in Ihre Anwendung aufzunehmen:

const httpModule = require("tns-core-modules/http");

Wir können Daten mit den folgenden Methoden senden:

getString- Es wird verwendet, um eine Anfrage zu stellen und die Daten von der URL als Zeichenfolge herunterzuladen. Es ist unten definiert -

httpModule.getString("https://.../get").then(
   (r) => { 
      viewModel.set("getStringResult", r); 
   }, (e) => 
   { 
   }
);

getJSON- Es wird verwendet, um auf Daten von JSON zuzugreifen. Es ist unten definiert -

httpModule.getJSON("https://.../get").then((r) => { 
}, (e) => { 
});

getImage- lädt den Inhalt von der angegebenen URL herunter und gibt das ImageSource-Objekt zurück. Es ist unten definiert -

httpModule.getImage("https://.../image/jpeg").then((r) => { 
}, (e) => { 
});

getFile - Es hat zwei Argumente URL und Dateipfad.

  • URL - lädt die Daten herunter.

  • File path- URL-Daten in der Datei speichern. Es ist unten definiert -

httpModule.getFile("https://").then((resultFile) => { 
}, (e) => { 
});

request- Es hat Optionen Argument. Es wird verwendet, um Optionen anzufordern und das HttpResponse-Objekt zurückzugeben. Es ist unten definiert -

httpModule.request({ 
   url: "https://.../get", 
   method: "GET" 
}).then((response) => { 
}, (e) => { 
});

Bildquelle

Das Bildquellenmodul wird zum Speichern des Bildes verwendet. Wir können dieses Modul mit der folgenden Anweisung hinzufügen -

const imageSourceModule = require("tns-core-modules/image-source");

Wenn Sie Bilder aus einer Ressource laden möchten, verwenden Sie den folgenden Code:

const imgFromResources = imageSourceModule.fromResource("icon");

Verwenden Sie den folgenden Befehl, um ein Bild aus einer lokalen Datei hinzuzufügen:

const folder = fileSystemModule.knownFolders.currentApp(); 
const path = fileSystemModule.path.join(folder.path, "images/sample.png"); 
const imageFromLocalFile = imageSourceModule.fromFile(path);

Verwenden Sie den folgenden Befehl, um das Bild im Dateipfad zu speichern:

const img = imageSourceModule.fromFile(imagePath); 
const folderDest = fileSystemModule.knownFolders.documents(); 
const pathDest = fileSystemModule.path.join(folderDest.path, "sample.png"); 
const saved = img.saveToFile(pathDest, "png"); if (saved) { 
   console.log(" sample image saved successfully!"); 
}

Timer

Dieses Modul wird verwendet, um Code in bestimmten Zeitintervallen auszuführen. Um dies hinzuzufügen, müssen wir verwendenrequire - -

const timerModule = require("tns-core-modules/timer");

Es basiert auf zwei Methoden -

setTimeout- Es wird verwendet, um die Ausführung zu verzögern. Es wird als Millisekunden dargestellt.

setInterval - Es wird verwendet, um in bestimmten Intervallen wiederkehrende anzuwenden.

Spur

Dieses Modul ist nützlich zum Debuggen. Es gibt die Protokollierungsinformationen. Dieses Modul kann dargestellt werden als -

const traceModule = require("tns-core-modules/trace");

Wenn Sie in Ihrer Anwendung aktivieren möchten, verwenden Sie den folgenden Befehl:

traceModule.enable();

UI / Image-Cache

Das Bild-Cache-Modul wird verwendet, um Bild-Download-Anforderungen zu verarbeiten und heruntergeladene Bilder zwischenzuspeichern. Dieses Modul kann wie folgt dargestellt werden -

const Cache = require("tns-core-modules/ui/image-cache").Cache;

Konnektivität

Dieses Modul wird verwendet, um die Verbindungsinformationen des verbundenen Netzwerks zu empfangen. Es kann dargestellt werden als -

const connectivityModule = require("tns-core-modules/connectivity");

Funktionsmodule

Funktionsmodule umfassen viele system- / plattformspezifische Module. Einige der wichtigen Module sind wie folgt:

platform- Dient zum Anzeigen der Informationen zu Ihrem Gerät. Es kann wie folgt definiert werden:

const platformModule = require("tns-core-modules/platform");

fps-meter- Dient zum Erfassen von Bildern pro Sekunde. Es kann wie folgt definiert werden:

const fpsMeter = require("tns-core-modules/fps-meter");

file-system- Wird verwendet, um mit Ihrem Gerätedateisystem zu arbeiten. Es ist unten definiert -

const fileSystemModule = require("tns-core-modules/file-system");

ui/gestures - Wird verwendet, um mit UI-Gesten zu arbeiten.

UI-Modul

Das UI-Modul enthält die UI-Komponente und die zugehörigen Funktionen. Einige der wichtigen UI-Module sind wie folgt:

  • frame

  • page

  • color

  • text/formatted-string

  • xml

  • styling

  • animation