📜  NativeScript-模块

📅  最后修改于: 2020-12-08 05:54:31             🧑  作者: Mango


NativeScript模块包含打包为单个库的一组相关功能。让我们学习NativeScript框架提供的模块。

它包含NativeScript框架的核心功能。让我们了解本章的核心模块。

应用

应用程序包含特定于平台的移动应用程序实现。简单的核心模块定义如下-

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

安慰

控制台模块用于记录消息。它具有以下方法-

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

应用程序设置

应用程序设置模块包含管理应用程序设置的方法。要添加此模块,我们需要添加以下代码-

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

应用程序设置中可用的几种方法如下-

  • setBoolean(key: 字符串,value:boolean)-设置布尔对象

  • setNumber(key: 字符串,value:number)-设置数字对象

  • setString(key: 字符串,value: 字符串)-设置字符串对象

  • getAllKeys()-包含所有存储的密钥

  • hasKey(key: 字符串)-检查一个键是否存在

  • 清除-清除存储的值

  • 删除-根据密钥删除任何条目。

使用应用程序设置的一个简单示例如下-

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

该模块用于处理http请求和响应。要在您的应用程序中添加此模块,请添加以下代码-

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

我们可以使用以下方法发送数据-

getString-用于发出请求,并以字符串从URL下载数据。它定义如下-

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

getJSON-用于从JSON访问数据。它定义如下-

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

getImage-从指定的URL下载内容并返回ImageSource对象。它定义如下-

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

getFile-它有两个参数URL和文件路径。

  • URL-下载数据。

  • 文件路径-将URL数据保存到文件中。它定义如下-

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

request-它具有options参数。它用于请求选项并返回HttpResponse对象。它定义如下-

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

图片来源

图像源模块用于保存图像。我们可以使用以下语句添加此模块-

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

如果要从资源加载图像,请使用以下代码-

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

要从本地文件添加图像,请使用以下命令-

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

要将图像保存到文件路径,请使用以下命令-

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!"); 
}

计时器

该模块用于在特定时间间隔执行代码。要添加它,我们需要使用require-

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

它基于两种方法-

setTimeout-用于延迟执行。以毫秒为单位。

setInterval-用于以特定间隔应用循环。

跟踪

该模块对于调试很有用。它提供了日志记录信息。该模块可以表示为-

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

如果要在应用程序中启用,请使用以下命令-

traceModule.enable();

ui /图像缓存

图像缓存模块用于处理图像下载请求并缓存下载的图像。该模块可以表示为如下所示-

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

连通性

该模块用于接收所连接网络的连接信息。它可以表示为-

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

功能模块

功能模块包括许多系统/平台特定的模块。一些重要的模块如下-

平台-用于显示有关设备的信息。可以如下定义-

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

fps-meter-用于每秒捕获帧。可以如下定义-

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

文件系统-用于与设备文件系统一起使用。它定义如下-

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

ui / gestures-用于处理UI手势。

UI模块

UI模块包括UI组件及其相关功能。一些重要的UI模块如下-

  • 颜色

  • 文字/格式化字符串

  • XML文件

  • 造型

  • 动画