0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線(xiàn)課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

AWTK 開(kāi)源智能串口屏方案

ZLG致遠(yuǎn)電子 ? 2023-12-02 08:24 ? 次閱讀

AWTK 開(kāi)源智能串口屏方案發(fā)布,旨在解決傳統(tǒng)串口屏諸多痛點(diǎn),為用戶(hù)提供更開(kāi)放、更易用、更強(qiáng)大的開(kāi)源串口屏方案?;贏WTK和AWTK-MVVM實(shí)現(xiàn)的串口屏方案。2e7d433c-90a9-11ee-9788-92fbcf53809c.png

界面修改數(shù)據(jù),自動(dòng)通知 MCU。

2e8ac8e0-90a9-11ee-9788-92fbcf53809c.gif

MCU 修改數(shù)據(jù),自動(dòng)更新界面。

2e8eb414-90a9-11ee-9788-92fbcf53809c.gif

主要特色

1.開(kāi)發(fā)

  • 強(qiáng)大的界面設(shè)計(jì)器AWStudio;
  • 基于AWTK實(shí)現(xiàn)強(qiáng)大的 GUI 功能(多窗口、輸入法、動(dòng)畫(huà)和各種控件);
  • 基于AWTK-MVVM實(shí)現(xiàn)低代碼開(kāi)發(fā)(編寫(xiě)綁定規(guī)則即可實(shí)現(xiàn)常見(jiàn)應(yīng)用程序);
  • 支持在 PC 上模擬運(yùn)行,并提供 MCU 模擬器模擬與串口屏的交互;
  • 開(kāi)發(fā)時(shí)支持通過(guò)串口更新 UI 資源,無(wú)需插拔 USB (TODO);
  • 開(kāi)放源碼,免費(fèi)商用,從底層到應(yīng)用程序全程可控;
  • 輕松集成第三方開(kāi)源庫(kù),比如 sqlite3 和各種網(wǎng)絡(luò)協(xié)議。

2. 通信

  • 支持串口;
  • 支持 TCP;
  • 開(kāi)發(fā)者無(wú)需了解通信協(xié)議;
  • 可以方便的移植到任何基于流的通信協(xié)議。

3. MCU 端

提供簡(jiǎn)單易用的 API,無(wú)需了解通信協(xié)議,無(wú)需記憶變量地址,一般使用下面 4 個(gè)函數(shù)即可:

  • 通過(guò)名稱(chēng)設(shè)置數(shù)據(jù)的值;
  • 通過(guò)名稱(chēng)獲取數(shù)據(jù)的值;
  • 處理數(shù)據(jù)變化的事件;
  • 在主循環(huán)中分發(fā)事件。

對(duì)于高級(jí)用戶(hù),也提供了一些直接操作 GUI 的函數(shù)。

也可以集成TKC,TKC中提供大量實(shí)用函數(shù),可以加快 MCU 端嵌入式軟件的開(kāi)發(fā)。

配套硬件

本方案不限制硬件,能運(yùn)行 AWTK-MVVM 即可。后面的例子可以 PC 上運(yùn)行,同時(shí)也提供了基于ZDP1440 HMI 顯示驅(qū)動(dòng)芯片環(huán)境。

1. 使用方法

1.1 下載并編譯 AWTK

將 AWTK 下載到當(dāng)前目錄。AWStudio 帶的 AWTK 不是最新的,所以需要自己下載。

git clone https://github.com/zlgopen/awtk.gitcd awtkscons

AWTK 的編譯方法和環(huán)境配置請(qǐng)參考AWTK 編譯指南:

https://gitee.com/zlgopen/awtk/blob/master/README_zh.md

1.2 下載并編譯 AWTK-MVVM

將 AWTK-MVVM 下載到當(dāng)前目錄。

git clone https://github.com/zlgopen/awtk-mvvm.gitcd awtk-mvvmscons WITH_JERRYSCRIPT=false

用 WITH_JERRYSCRIPT=false 參數(shù)禁止編譯 jerryscript,因?yàn)?jerryscript 不是必須的。

1.3 編譯 MCU 模擬器

  • 編譯 MCU 模擬器

cd mcu/simulatorsconspython scripts/update_res.py all

運(yùn)行 MCU 模擬器

./bin/mcu_sim

1.4 編譯 HMI Demo

  • 編譯 HMI Demo

cd hmi/demo_app3sconspython scripts/update_res.py all

  • 運(yùn)行 HMI Demo

./bin/demo

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 開(kāi)源
    +關(guān)注

    關(guān)注

    3

    文章

    3181

    瀏覽量

    42235
  • 串口屏
    +關(guān)注

    關(guān)注

    8

    文章

    522

    瀏覽量

    37168
  • awtk
    +關(guān)注

    關(guān)注

    0

    文章

    38

    瀏覽量

    200
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    AWTK 開(kāi)源串口開(kāi)發(fā)(16) - 提供 MODBUS 服務(wù)

    AWTK串口內(nèi)置MODBUS從站模型,不用編寫(xiě)一行代碼即可讓串口提供MODBUS服務(wù),讓遠(yuǎn)程設(shè)備通過(guò)MODBUS協(xié)議訪問(wèn)
    的頭像 發(fā)表于 04-13 08:24 ?360次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(16) - 提供 MODBUS 服務(wù)

    AWTK 開(kāi)源串口開(kāi)發(fā)(15) - 通過(guò) MODBUS 訪問(wèn)遠(yuǎn)程數(shù)據(jù)

    AWTK串口內(nèi)置MODBUSClient模型,支持用MODBUS協(xié)議從遠(yuǎn)程設(shè)備獲取數(shù)據(jù)。不用編寫(xiě)代碼即可實(shí)現(xiàn)對(duì)遠(yuǎn)程設(shè)備數(shù)據(jù)的顯示和修改。在AWTK
    的頭像 發(fā)表于 03-30 08:23 ?339次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(15) - 通過(guò) MODBUS 訪問(wèn)遠(yuǎn)程數(shù)據(jù)

    AWTK 開(kāi)源串口開(kāi)發(fā)(14) - 界面重用

    AWTK串口支持同一個(gè)界面綁定不同的數(shù)據(jù),本文以家居控制為例,介紹一下界面重用的方法。在家居控制應(yīng)用中,我們演示了空調(diào)和咖啡機(jī)界面?,F(xiàn)在我們來(lái)想一想,如果有多個(gè)空調(diào)怎么辦呢?當(dāng)然最直觀的方法,就是
    的頭像 發(fā)表于 03-23 08:23 ?280次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(14) - 界面重用

    AWTK 開(kāi)源串口開(kāi)發(fā)(13) - 計(jì)算器應(yīng)用

    計(jì)算器是一個(gè)常見(jiàn)的應(yīng)用程序,在AWTK串口中,利用fscript表達(dá)式計(jì)算函數(shù),無(wú)需編寫(xiě)一行傳統(tǒng)的代碼,即可實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器應(yīng)用程序。1.功能計(jì)算器是一個(gè)很常見(jiàn)的應(yīng)用,比如在電子秤中,可能
    的頭像 發(fā)表于 03-16 08:23 ?4933次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(13) - 計(jì)算器應(yīng)用

    AWTK 開(kāi)源串口開(kāi)發(fā)(12) - 記事本應(yīng)用

    記事本是一個(gè)常用的應(yīng)用程序,在AWTK串口中,內(nèi)置文件模型和文件選擇對(duì)話(huà)框,無(wú)需編寫(xiě)一行傳統(tǒng)的代碼,即可實(shí)現(xiàn)一個(gè)簡(jiǎn)單的記事本應(yīng)用程序。記事本是一個(gè)很常用的應(yīng)用,用來(lái)編輯和查看文本文件非常方便。在
    的頭像 發(fā)表于 03-09 08:23 ?288次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(12) - 記事本應(yīng)用

    AWTK 開(kāi)源串口開(kāi)發(fā)(11) - 天氣預(yù)報(bào)

    AWTK串口內(nèi)置了XML/JSON/INI等各種數(shù)據(jù)文件的模型,并支持用HTTP/HTTPS從網(wǎng)絡(luò)獲取數(shù)據(jù)。不用編寫(xiě)一行代碼,即可實(shí)現(xiàn)天氣預(yù)報(bào)、股票行情、航班查詢(xún)和快遞查詢(xún)等功能。天氣預(yù)報(bào)是一個(gè)很
    的頭像 發(fā)表于 03-05 08:24 ?322次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(11) - 天氣預(yù)報(bào)

    AWTK開(kāi)源智能串口方案】設(shè)計(jì)UI界面并上傳到串口

    本篇文章將介紹如何使用AWStudio設(shè)計(jì)串口端的UI界面和添加綁定規(guī)則,以及怎么將資源文件上傳到串口端。引言:AWTK-HMI是基于
    的頭像 發(fā)表于 02-22 08:24 ?569次閱讀
    【<b class='flag-5'>AWTK</b><b class='flag-5'>開(kāi)源</b><b class='flag-5'>智能</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b><b class='flag-5'>方案</b>】設(shè)計(jì)UI界面并上傳到<b class='flag-5'>串口</b><b class='flag-5'>屏</b>

    AWTK開(kāi)源智能串口方案】MCU SDK使用與編譯運(yùn)行

    代碼智能串口方案,本系列文章介紹如何從零開(kāi)發(fā)HMI程序,包括搭建開(kāi)發(fā)環(huán)境、創(chuàng)建HMI運(yùn)行時(shí)工程、修改應(yīng)用界面以及開(kāi)發(fā)MCU程序。MCU端簡(jiǎn)介相對(duì)于HMI端(
    的頭像 發(fā)表于 02-19 12:11 ?1041次閱讀
    【<b class='flag-5'>AWTK</b><b class='flag-5'>開(kāi)源</b><b class='flag-5'>智能</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b><b class='flag-5'>方案</b>】MCU SDK使用與編譯運(yùn)行

    AWTK 開(kāi)源串口開(kāi)發(fā)(9) - 用戶(hù)和權(quán)限管理

    AWTK串口中,內(nèi)置用戶(hù)管理和權(quán)限控制的模型,無(wú)需編碼即可實(shí)現(xiàn)登錄、登出、修改密碼、權(quán)限控制、創(chuàng)建用戶(hù)、刪除用戶(hù)等功能,本文介紹一下用戶(hù)管理和權(quán)限控制的基本用法。用戶(hù)管理和權(quán)限控制是一個(gè)常用
    的頭像 發(fā)表于 02-19 12:10 ?440次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(9) - 用戶(hù)和權(quán)限管理

    AWTK開(kāi)源智能串口方案】HMI端程序移植編譯及運(yùn)行

    本篇文章介紹一下AWTK開(kāi)源智能串口方案串口
    的頭像 發(fā)表于 01-18 08:24 ?771次閱讀
    【<b class='flag-5'>AWTK</b><b class='flag-5'>開(kāi)源</b><b class='flag-5'>智能</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b><b class='flag-5'>方案</b>】HMI端程序移植編譯及運(yùn)行

    AWTK 開(kāi)源串口開(kāi)發(fā)(6) - 定時(shí)器的用法

    定時(shí)器是個(gè)常用的功能,AWTK串口提供了豐富的定時(shí)器函數(shù),用于定時(shí)器的啟動(dòng)、停止、暫停、恢復(fù)、修改和重置等功能,本文以計(jì)時(shí)器的例子來(lái)介紹定時(shí)器的基本用法。定時(shí)器也是一個(gè)常用的功能,在AWTK
    的頭像 發(fā)表于 01-13 08:24 ?481次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開(kāi)源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(6) - 定時(shí)器的用法

    AWTK 串口開(kāi)發(fā)(5) - MCU端 SDK 用法

    AWTK開(kāi)源智能串口,不但開(kāi)放了串口端全部源碼,
    的頭像 發(fā)表于 01-06 08:24 ?349次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(5) - MCU端 SDK 用法

    AWTK 串口開(kāi)發(fā)(4) - 數(shù)據(jù)采集

    數(shù)據(jù)采用是一個(gè)常用的功能。在AWTK開(kāi)源串口中,內(nèi)置數(shù)據(jù)采樣模型,只需設(shè)計(jì)用戶(hù)界面即可實(shí)現(xiàn)采樣數(shù)據(jù)的顯示和管理。1.功能數(shù)據(jù)采集是一個(gè)常用的功能,MCU定時(shí)采集數(shù)據(jù)(如環(huán)保設(shè)備定時(shí)采
    的頭像 發(fā)表于 12-30 08:24 ?342次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(4) - 數(shù)據(jù)采集

    AWTK 串口開(kāi)發(fā)(3) - 告警信息

    告警信息是一個(gè)常用的功能。在AWTK開(kāi)源串口中,內(nèi)置告警信息模型,只需設(shè)計(jì)用戶(hù)界面即可實(shí)現(xiàn)告警信息的顯示和管理。1.功能告警信息是一個(gè)常用的功能,MCU在設(shè)備異常時(shí),會(huì)發(fā)送告警信息到
    的頭像 發(fā)表于 12-23 08:24 ?386次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>串口</b><b class='flag-5'>屏</b>開(kāi)發(fā)(3) - 告警信息

    ?【AWTK開(kāi)源智能串口方案方案介紹和工作原理

    本篇文章介紹一下AWTK開(kāi)源智能串口方案的基本原理和實(shí)際使用效果,包括主要特點(diǎn)、應(yīng)用場(chǎng)景、工作
    的頭像 發(fā)表于 12-21 08:24 ?874次閱讀
    ?【<b class='flag-5'>AWTK</b><b class='flag-5'>開(kāi)源</b><b class='flag-5'>智能</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b><b class='flag-5'>方案</b>】<b class='flag-5'>方案</b>介紹和工作原理