Ngui簡(jiǎn)介

這是一個(gè)GUI的排版顯示引擎和跨平臺(tái)的GUI應(yīng)用程序開(kāi)發(fā)框架，基于NodeJS/OpenGL，這也是第一個(gè)在移動(dòng)端Android/iOS融合NodeJS的前端GUI項(xiàng)目，至此JavaScript成為了真正意義上前后端通吃的語(yǔ)言。

Ngui的目標(biāo)：在此基礎(chǔ)上開(kāi)發(fā)GUI應(yīng)用程序可擁有開(kāi)發(fā)WEB應(yīng)用般簡(jiǎn)單與速度同時(shí)兼顧Native應(yīng)用程序的性能與體驗(yàn)。

• 暫時(shí)只支持iOS與Android系統(tǒng)，并不包含AndroidTV因?yàn)?code>TV應(yīng)用與手機(jī)應(yīng)用有很大的不同

• 從這里Go API Index可以到 API Documents Index

Simple Examples

這是一個(gè)簡(jiǎn)單的在屏幕上顯示hello world!的程序

import { GUIApplication, Text } from 'ngui'
new GUIApplication().start(
    <Text>hello world!</Text>
)

你可以獲取到更加詳細(xì)的Examples

Start Usage

如果你從來(lái)沒(méi)有使用過(guò)Ngui你可以從這里開(kāi)始，一步步創(chuàng)建你的Ngui程序。

Install ngui-tools

首先你需要安裝Ngui提供的工具包

• 使用 nodejs npm 安裝 ngui-tools

• 打開(kāi)Terminal并執(zhí)行以下命令：

## shell
$ sudo npm install -g ngui-tools

• 運(yùn)行ngui-tools 需要依賴nodejs與python2.7

• 并且不能運(yùn)行在windows系統(tǒng), 暫時(shí)只能在mac或linux下使用

Create new project

使用下面的shell命令創(chuàng)建一個(gè)新的Ngui工程：

## shell
$ mkdir myproject
$ cd myproject
$ ngui init

Build project

這一步會(huì)把工程里面的javascript代碼以及資源文件進(jìn)行壓縮并打包，如果這是一個(gè)新的工程可以跳過(guò)這一步驟直接到下一步

## shell
$ ngui build

Export project

這一步導(dǎo)出Xcode或Android Studio工程，因?yàn)槟阕罱K要發(fā)布程序?qū)?huì)是一個(gè).apk或.ipa

## shell
## export xcode ios project
$ ngui export ios
## export android studio project
$ ngui export android

導(dǎo)出工程后，接下來(lái)你可以使用Xcode與Android Studio打開(kāi)它

Ngui test http server

ngui-tools提供了一個(gè)測(cè)試http服務(wù)器，你不需要每次修改完js或jsx代碼都進(jìn)行重新安裝

執(zhí)行下面的代碼可以啟動(dòng)它：

## shell
$ ngui

Downloads

• Examples demo Android APK Install package

• Project Source code from Github