变量名 | 数据类型 | 功能说明 |
温度 | 整数 | 温度。范围 (0-100) 摄氏度 |
从模板创建项目,将 hmi/template_app 拷贝 hmi/hello_word 即可。
第一个项目最好不要放到其它目录,因为放到其它目录需要修改配置文件中的路径,等熟悉之后再考虑放到其它目录。路径中也不要中文和空格,避免不必要的麻烦。
v-data:value 表示控件的值,后面会经常用到,建议记住它。
2. 将 滑动条 绑定到 温度 变量。添加自定义的属性 v-data:value,将值设置为 {温度},如下图所示:
3. 指定窗口的模型为 default。如下图所示:
严格的意义上说,绑定规则也是一种代码,不过相比于 C 语言,它有下面的优势:
无需编译,直接运行
简单,通常只有一行。
易懂,声明式的语法。
{
"温度":25
}
注意:
如果文件内容有中文(非ASCII字符),一定要保存为 UTF-8 格式。
重新打包资源才能生效。
运行 mcu/simulator 目录下的 mcu_sim 程序,连接到 Localhost:2233。
拖动滑动条上的滑块,会看到模拟器上收到了对应的事件;
在模拟器中设置变量温度的数据,HMI 端的界面也会自动更新。
本项目并没有编写界面相关的代码,AWStudio 在 src/pages 目录下生成了一些代码框架,这些代码并没有用到,可以删除也可以不用管它,但是不能加入编译。
更多往期文章,请点击“ 阅读原文 ”。