NativeScript - Mô-đun
Một NativeScript Mô-đun chứa một tập hợp các chức năng có liên quan đóng gói như là thư viện duy nhất. Hãy để chúng tôi tìm hiểu các mô-đun được cung cấp bởi khung NativeScript.
Nó chứa các chức năng cốt lõi của khung NativeScript. Hãy để chúng tôi hiểu các mô-đun cốt lõi trong chương này.
Ứng dụng
Ứng dụng chứa triển khai nền tảng cụ thể của ứng dụng di động. Mô-đun lõi đơn giản được định nghĩa dưới đây:
const applicationModule = require("tns-core-modules/application");Bảng điều khiển
Mô-đun bảng điều khiển được sử dụng để ghi thông báo. Nó có các phương pháp sau:
console.log("My FirstApp project");
console.info("Native apps!");
console.warn("Warning message!");
console.error("Exception occurred");cài đặt ứng dụng
mô-đun cài đặt ứng dụng chứa phương pháp để quản lý cài đặt ứng dụng. Để thêm mô-đun này, chúng ta cần thêm đoạn mã sau:
const appSettings = require("tns-core-modules/application-settings");Một số phương pháp có sẵn trong cài đặt ứng dụng như sau:
setBoolean (key: string, value: boolean) - đặt đối tượng boolean
setNumber (key: string, value: number) - đối tượng set number
setString (key: string, value: string) - đặt đối tượng chuỗi
getAllKeys () - Chứa tất cả các khóa được lưu trữ
hasKey (key: string) - kiểm tra xem có khóa hay không
clear - xóa các giá trị được lưu trữ
loại bỏ - loại bỏ bất kỳ mục nhập nào dựa trên khóa.
Một ví dụ đơn giản sử dụng cài đặt ứng dụng như sau:
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
Mô-đun này được sử dụng để xử lý httpyêu cầu và phản hồi. Để thêm mô-đun này vào ứng dụng của bạn, hãy thêm mã sau:
const httpModule = require("tns-core-modules/http");Chúng tôi có thể gửi dữ liệu bằng các phương pháp sau:
getString- Nó được sử dụng để yêu cầu và tải xuống dữ liệu từ URL dưới dạng chuỗi. Nó được định nghĩa dưới đây -
httpModule.getString("https://.../get").then(
(r) => {
viewModel.set("getStringResult", r);
}, (e) =>
{
}
);getJSON- Nó được sử dụng để truy cập dữ liệu từ JSON. Nó được định nghĩa dưới đây -
httpModule.getJSON("https://.../get").then((r) => {
}, (e) => {
});getImage- tải xuống nội dung từ URL được chỉ định và trả về đối tượng ImageSource. Nó được định nghĩa dưới đây -
httpModule.getImage("https://.../image/jpeg").then((r) => {
}, (e) => {
});getFile - Nó có hai đối số URL và đường dẫn tệp.
URL - tải xuống dữ liệu.
File path- lưu dữ liệu URL vào tệp. Nó được định nghĩa dưới đây -
httpModule.getFile("https://").then((resultFile) => {
}, (e) => {
});request- Nó có đối số tùy chọn. Nó được sử dụng để yêu cầu các tùy chọn và trả về đối tượng HttpResponse. Nó được định nghĩa dưới đây -
httpModule.request({
url: "https://.../get",
method: "GET"
}).then((response) => {
}, (e) => {
});Nguồn hình ảnh
mô-đun nguồn hình ảnh được sử dụng để lưu hình ảnh. Chúng tôi có thể thêm mô-đun này bằng cách sử dụng câu lệnh dưới đây:
const imageSourceModule = require("tns-core-modules/image-source");Nếu bạn muốn tải hình ảnh từ tài nguyên, hãy sử dụng đoạn mã dưới đây:
const imgFromResources = imageSourceModule.fromResource("icon");Để thêm hình ảnh từ tệp cục bộ, hãy sử dụng lệnh dưới đây:
const folder = fileSystemModule.knownFolders.currentApp();
const path = fileSystemModule.path.join(folder.path, "images/sample.png");
const imageFromLocalFile = imageSourceModule.fromFile(path);Để lưu hình ảnh vào đường dẫn tệp, hãy sử dụng lệnh dưới đây:
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!");
}Hẹn giờ
Mô-đun này được sử dụng để thực thi mã trong các khoảng thời gian cụ thể. Để thêm điều này, chúng ta cần sử dụngrequire -
const timerModule = require("tns-core-modules/timer");Nó dựa trên hai phương pháp -
setTimeout- Nó được sử dụng để trì hoãn việc thực thi. Nó được biểu thị dưới dạng mili giây.
setInterval - Nó được sử dụng để áp dụng định kỳ trong các khoảng thời gian cụ thể.
Dấu vết
Mô-đun này rất hữu ích để gỡ lỗi. Nó cung cấp thông tin ghi nhật ký. Mô-đun này có thể được biểu diễn dưới dạng:
const traceModule = require("tns-core-modules/trace");Nếu bạn muốn bật ứng dụng của mình thì hãy sử dụng lệnh dưới đây:
traceModule.enable();ui / image-cache
mô-đun image-cache được sử dụng để xử lý các yêu cầu tải xuống hình ảnh và lưu vào bộ nhớ cache các hình ảnh đã tải xuống. Mô-đun này có thể được biểu diễn như hình dưới đây:
const Cache = require("tns-core-modules/ui/image-cache").Cache;kết nối
Mô-đun này được sử dụng để nhận thông tin kết nối của mạng được kết nối. Nó có thể được biểu diễn là -
const connectivityModule = require("tns-core-modules/connectivity");Mô-đun chức năng
Các mô-đun chức năng bao gồm rất nhiều mô-đun cụ thể của hệ thống / nền tảng. Một số mô-đun quan trọng như sau:
platform- Được sử dụng để hiển thị thông tin về thiết bị của bạn. Nó có thể được định nghĩa như sau:
const platformModule = require("tns-core-modules/platform");fps-meter- Dùng để chụp khung hình trên giây. Nó có thể được định nghĩa như sau:
const fpsMeter = require("tns-core-modules/fps-meter");file-system- Được sử dụng để làm việc với hệ thống tệp thiết bị của bạn. Nó được định nghĩa dưới đây -
const fileSystemModule = require("tns-core-modules/file-system");ui/gestures - Được sử dụng để làm việc với các cử chỉ giao diện người dùng.
Mô-đun giao diện người dùng
Mô-đun giao diện người dùng bao gồm thành phần giao diện người dùng và chức năng liên quan của nó. Một số mô-đun giao diện người dùng quan trọng như sau:
frame
page
color
text/formatted-string
xml
styling
animation