Ngui简介
这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架,基于NodeJS/OpenGL,这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目,至此JavaScript成为了真正意义上前后端通吃的语言。
Ngui的目标:在此基础上开发GUI应用程序可拥有开发WEB应用般简单与速度同时兼顾Native应用程序的性能与体验。
- 暂时只支持
iOS
与Android
系统,并不包含AndroidTV
因为TV
应用与手机应用有很大的不同 - 从这里
Go API Index
可以到API Documents Index
Simple Examples
这是一个简单的在屏幕上显示hello world!
的程序
import { GUIApplication, Text } from 'ngui'
new GUIApplication().start(
<Text>hello world!</Text>
)
你可以获取到更加详细的[Examples]
Start Usage
如果你从来没有使用过Ngui
你可以从这里开始,一步步创建你的Ngui
程序。
Install ngui-tools
首先你需要安装Ngui
提供的工具包
- 使用 nodejs
npm
安装ngui-tools
- 打开
Terminal
并执行以下命令:
# shell
$ sudo npm install -g ngui-tools
- 运行
ngui-tools
需要依赖nodejs
与python2.7
- 并且不能运行在
windows
系统, 暂时只能在mac
或linux
下使用
Create new project
使用下面的shell
命令创建一个新的Ngui
工程:
# shell
$ mkdir myproject
$ cd myproject
$ ngui init
Build project
这一步会把工程里面的javascript代码以及资源文件进行压缩并打包,如果这是一个新的工程可以跳过这一步骤直接到下一步
# shell
$ ngui build
Export project
这一步导出[Xcode]或[Android Studio]工程,因为你最终要发布程序将会是一个.apk
或.ipa
# shell
# export xcode ios project
$ ngui export ios
# export android studio project
$ ngui export android
导出工程后,接下来你可以使用[Xcode]与[Android Studio]打开它
Ngui test http server
ngui-tools
提供了一个测试http服务器,你不需要每次修改完js
或jsx
代码都进行重新安装
执行下面的代码可以启动它:
# shell
$ ngui
Downloads
- Examples demo [Android APK] Install package
- Project [Source code] from
Github
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。