科技局网站建设方案,app界面设计论文,wordpress分类设置seo,摄影网站采用照片做宣传_版权费是多少?AWTK 可以使用相同的技术栈开发各种平台的应用程序。有时我们需要使用 Web 界面与设备进行交互#xff0c;本文介绍一下如何使用 JS 语言开发 AWTK-WEB 应用程序。 用 AWTK Designer 新建一个应用程序
先安装 AWTK Designer#xff1a;
https://awtk.zlg.cn/web/index.html… AWTK 可以使用相同的技术栈开发各种平台的应用程序。有时我们需要使用 Web 界面与设备进行交互本文介绍一下如何使用 JS 语言开发 AWTK-WEB 应用程序。 用nbsp;AWTKnbsp;Designernbsp;新建一个应用程序
先安装 AWTK Designer
https://awtk.zlg.cn/web/index.html
1.nbsp;新建应用程序
这里假设应用程序的名称为 AwtkApplicationJS后面会用到如果使用其它名称后面要做相应修改。
在窗口上放置一个按钮将按钮的名称改为nbsp;“close”将按钮的文本改为nbsp;“关闭”。 2.nbsp;为按钮编写代码
2.1 删除 src 目录下全部文件留着也可以只是看起来比较乱在 src 目录创建 js 目录。
2.2nbsp;在 src/js 下创建 application.js 内容如下
function applicationInit() {nbsp;
nbsp;home_page_open();
}applicationInit()
2.3 在 src/js 下创建 home_page.js内容如下
function home_page_open() { nbsp;var win TWindow.open(home_page); nbsp;var close win.lookup(close, true); nbsp;close.on(TEventType.CLICK, function(evt) {nbsp;
nbsp; nbsp;var e TPointerEvent.cast(evt);nbsp;
nbsp; nbsp;var target TButton.cast(e.target); nbsp; nbsp;console.log(click at e.x e.y on target.name); nbsp; nbsp;console.log(global: TGlobal.getPointerX() TGlobal.getPointerY() TGlobal.isPointerPressed());nbsp;
nbsp; nbsp;return TRet.OK; nbsp;}); nbsp;win.layout();
}
注意控件的名称一定要和 home_page.xml 保持一致。
3. 在 AWTK Designer 中执行“打包” “编译” “模拟运行”
正常情况下可以看到如下界面点击“关闭”按钮退出应用程序。 编写配置文件
具体格式请参考特殊平台编译配置
https://github.com/zlgopen/awtk/blob/master/docs/build_config.md
这里给出一个例子可以在此基础上进行修改该文件位于
examples/AwtkApplicationJS/build.json {nbsp;
nbsp; name: AwtkApplicationJS,nbsp;
nbsp; version: 1.0,nbsp;
nbsp; app_type:js, copyright: Guangzhou ZHIYUAN Electronics Co.,Ltd., themes:[default], sources: [ src/js/*.js ]
} 编译 WEB 应用程序
进入 awtk-web 目录不同平台使用不同的脚本编译
Windowsnbsp;平台
./build_win32.sh examples/AwtkApplicationJS/build.json release
Linuxnbsp;平台
./build_linux.sh examples/AwtkApplicationJS/build.json release
MacOSnbsp;平台
./build_mac.sh examples/AwtkApplicationJS/build.json release
请根据应用程序所在目录修改配置文件的路径。 运行
1. 正常启动
./start_web.sh
2. 调试启动
start_web_debug.sh
3. 用浏览器打开
nbsp;URLhttp://localhost:8080/AwtkApplicationJS可以看到 4. 用浏览器打开 http://localhost:8080/AwtkApplicationJS/simulator.html可以看到 5. 用浏览器打开 http://localhost:8080/AwtkApplicationJS/app.html可以看到 AWTK-WEB-JSnbsp;和nbsp;AWTK-JSnbsp;不同
两者在 API 上基本上是一样的但是由于浏览器和 Jerryscript 的差异导致少量功能无法做到完全一致需要应用程序自行规避。
AWTK-WEB-JS 不支持模态对话框。AWTK-WEB-JS 中的 print 函数是打印。请使用 console.log 输出调试信息。AWTK-WEB-JS 不支持自动回收在 wasm 中分配的对象如color/rect/value 等。如果希望两者通用请避免使用这类函数。
