linfaxin / androiduix

Make a high-performance mobile web app / SPA with Android UI

AndroidUIX

中文文档

Make a high-performance web app with Android UI.

Site: http://linfaxin.github.io/AndroidUIX/

Feature

1. Native app experience & performance.
2. Render with web canvas, high-performance web app.
3. Same api as Android, you can find its question & usage on the internet.

Getting Started

Look wiki: Getting Started

60fps

the sample app's fps:

1. IOS: 50-60fps
2. Android Chrome: 50fps
3. Android WebView(with Runtime): 50fps

You can test Showcase on your device.

Showcase

• Showcase

LICENSE

MIT.

androiduix's Issues

创建不了工程呢

MacMini:AndroiUIX user$ androidui create

downloading templates...
template default not found!

MacMini:AndroiUIX user$ 

创建不了工程呢

How to develop AndroidUIX app in Kotlin. (instuction)

1.Install ts2kt https://github.com/Kotlin/ts2kt
2.Converter of android-ui.d.ts to Kotlin declarations (stubs)
3.Dev in Kotlin your app.
4.Build KotlinJS project.

wait bug fixed
https://github.com/Kotlin/ts2kt/issues/53

How to develop AndroidUIX app in java (instuction).

1. Install Jsweet http://www.jsweet.org
2. Install Candy generator https://github.com/cincheo/jsweet/tree/master/candy-generator
3. Generate Candy(Java wrapper) from android-ui.d.ts file
4. dev in Java your app
5. Convert app to JS with Jsweet
   ....
   PROFIT

运行 androidui create 出错

C:\Users\chengbiao\WebstormProjects\auix-demo>androidui create

downloading templates...
downloading project dependencies...
build project...
{ Error: ENOENT: no such file or directory, stat 'C:\Users\chengbiao\WebstormProjects\auix-demo\node_modules\androiduix\dist'
at Error (native)
at Object.fs.statSync (fs.js:987:18)
at Object.statSync (C:\Users\chengbiao\AppData\Roaming\npm\node_modules\androidui-cli\node_modules\graceful-fs\polyfills.js:297:22)
at Object.copySync (C:\Users\chengbiao\AppData\Roaming\npm\node_modules\androidui-cli\node_modules\fs-extra\lib\copy-sync\copy-sync.js:20:58)
at C:\Users\chengbiao\AppData\Roaming\npm\node_modules\androidui-cli\index.js:39:21
at ChildProcess.exithandler (child_process.js:197:7)
at emitTwo (events.js:106:13)
at ChildProcess.emit (events.js:191:7)
at maybeClose (internal/child_process.js:877:16)
at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
errno: -4058,
code: 'ENOENT',
syscall: 'stat',
path: 'C:\Users\chengbiao\WebstormProjects\auix-demo\node_modules\androiduix\dist' }
exec error: Error: Command failed: npm run build
npm WARN auix-demo No description
module.js:471
throw err;
^

Error: Cannot find module 'jsdom'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (C:\Users\chengbiao\WebstormProjects\auix-demo\build_res.js:6:13)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\chengbiao\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build-res"
npm ERR! node v6.9.5
npm ERR! npm v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! @ build-res: echo 'building resource...' && node build_res.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ build-res script 'echo 'building resource...' && node build_res.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! echo 'building resource...' && node build_res.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\chengbiao\WebstormProjects\auix-demo\npm-debug.log

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\chengbiao\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build"
npm ERR! node v6.9.5
npm ERR! npm v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! @ build: npm run build-install && npm run build-res && npm run build-ts2js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ build script 'npm run build-install && npm run build-res && npm run build-ts2js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run build-install && npm run build-res && npm run build-ts2js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\chengbiao\WebstormProjects\auix-demo\npm-debug.log

stderr:
npm WARN auix-demo No description
module.js:471
throw err;
^

Error: Cannot find module 'jsdom'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (C:\Users\chengbiao\WebstormProjects\auix-demo\build_res.js:6:13)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\chengbiao\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build-res"
npm ERR! node v6.9.5
npm ERR! npm v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! @ build-res: echo 'building resource...' && node build_res.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ build-res script 'echo 'building resource...' && node build_res.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! echo 'building resource...' && node build_res.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\chengbiao\WebstormProjects\auix-demo\npm-debug.log

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\chengbiao\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build"
npm ERR! node v6.9.5
npm ERR! npm v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! @ build: npm run build-install && npm run build-res && npm run build-ts2js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ build script 'npm run build-install && npm run build-res && npm run build-ts2js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run build-install && npm run build-res && npm run build-ts2js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\chengbiao\WebstormProjects\auix-demo\npm-debug.log

stdout:

@ build C:\Users\chengbiao\WebstormProjects\auix-demo
npm run build-install && npm run build-res && npm run build-ts2js

@ build-install C:\Users\chengbiao\WebstormProjects\auix-demo
echo 'installing dependencies...' && npm install --registry=https://registry.npm.taobao.org

'installing dependencies...'

@ build-res C:\Users\chengbiao\WebstormProjects\auix-demo
echo 'building resource...' && node build_res.js

'building resource...'

运行demo卡在loading并报错

Uncaught TypeError: Class constructor ActionBarActivity cannot be invoked without 'new'
at new MainActivity (MainActivity.ts:9)
at ActivityThread.performLaunchActivity (android-ui.js:25346)
at ActivityThread.handleLaunchActivity (android-ui.js:25323)
at AndroidUI.initLaunchActivity (android-ui.js:25649)
at AndroidUI.init (android-ui.js:25623)
at new AndroidUI (android-ui.js:25604)
at initElement (android-ui.js:25521)
at HTMLDocument.$domReady (android-ui.js:25486)

Canvas is slow on IOS9's safari

Only 30fps in safari, but 60fps in other app's browser

Is this support Material Design ？

Is this support Material Design ？
支持不？
或者计划开发中？

请提供字体设置的相关API

在你的博客上面留了点问题，麻烦帮我看看啊

http://linfaxin.com/2016/01/20/%E8%BD%AC%E6%88%98WebApp-%E6%9C%80%E9%80%82%E5%90%88Android%E5%BC%80%E5%8F%91%E8%80%85%E7%9A%84WebApp%E6%A1%86%E6%9E%B6/

/StormProject/AndroidUI4Web-HelloWorld-master/androidui-sdk/android-ui.d.ts
Error:(667, 14) TS1005: ';' expected.
这是编码的问题，还是什么问题啊？

另外提示我当前版本的javaScript不支持Classes 用的是EcmaScript, 另外还有一些版本，但是不知道用哪个，好像别的不支持相应的浏览器的意思，只会写android的小白求指教