天天看點

用 AWTK 和 AWPLC 快速開發嵌入式應用程式 (2)-走馬燈

AWPLC 目前還處于開發階段的早期,寫這個系列文章的目的,除了用來驗證目前所做的工作外,還希望得到大家的指點和回報。如果您有任何疑問和建議,請在評論區留言。

1. 背景

AWTK 全稱 Toolkit AnyWhere,是 ZLG 開發的開源 GUI 引擎,旨在為嵌入式系統、WEB、各種小程式、手機和 PC 打造的通用 GUI 引擎,為使用者提供一個功能強大、高效可靠、簡單易用、可輕松做出炫酷效果的 GUI 引擎

AWPLC 是 ZLG 自主研發的 PLC 系統(相容 IEC61131-3),其中 AWPLC 的運作時庫 (Runtime) 基于 ZLG TKC 開發,可以移植到到任何主流 RTOS 和 嵌入式系統。AWPLC 的內建開發環境 (IDE) 基于 AWTK 開發,可以運作在 Windows、MacOS 和 Linux 系統之上。AWPLC 的主要目标之一是把 PLC 中 低代碼開發方法 引入到嵌入式軟體,進而提高嵌入式軟體的開發效率和可靠性。

2. 簡介

走馬燈很好實作,而且會用到移位和計數器等多個功能塊,PLC 的教程喜歡選擇它來做例子。本文用一個簡單的走馬燈程式,來示範如何用 AWTK 和 AWPLC 快速開發嵌入式應用程式。

2.1 系統組成

該系統包括:

  • 一個按鈕。用來觸發點亮下一個燈。
  • 8 個 LED。輪流點亮,實作走馬燈效果。

2.2 軟體模拟

  • 按鈕和 LED 都用軟體模拟。

3. PLC 程式

3.1 變量定義

在本系統中,需要定義幾個變量:

  • PB0 按鈕。映射到第一個數字輸入 (%IX0.0)。
  • LEDS 8 個 LED 燈。映射到前 8 個數字(即一個位元組)輸出 (%QB0.0)。

具體配置如下圖所示:

用 AWTK 和 AWPLC 快速開發嵌入式應用程式 (2)-走馬燈

3.2 功能塊圖

基本工作原理:将常量 1 進行循環向左移位,按鈕每按下一次,向左移動 1 位,将結果寫入 LEDS 變量。LEDS 是一個 8 位的無符号整數(即一個位元組),分别對應前 8 個數字輸出。

注意常量 1 的資料類型一定要指定為 USINT(即 8 位無符号數),才能保證按 8 位進行循環。

具體實作如下圖所示:

用 AWTK 和 AWPLC 快速開發嵌入式應用程式 (2)-走馬燈

4. 使用者界面

應用程式不需要程式設計,用 AWTK Designer 設計好界面,将控件與模型進行綁定即可。下面介紹一下控件與模型的綁定方法。這裡用的是 AWTK-MVVM,資料綁定規則與 AWTK-MVVM 是完全一樣的。

模型可以用 io、plc 或者 io+plc。io 可以用來綁定 IO 變量,plc 可以用來綁定程式 PLC 内部變量。

示例:

<window v-model="io+plc" tr_text="AWPLC demo">      

由于符号 % 在程式裡具有特殊功能,是以在綁定 IO 變量時,把 % 換成 _ 。比如:将 %QX0.0 寫作 _QX0.0 。

示例:

<button x="0" y="bottom:5" w="100" h="100" 
     v-data:pressed="{_IX0.0, mode=TwoWay}" style="push_button"/>

  <view name="out" x="100" y="bottom:5" w="-100" h="100" 
    children_layout="default(r=1,c=8)">
    <check_button v-data:value="{_QX0.0}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.1}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.2}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.3}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.4}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.5}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.6}" style="led_red" sensitive="false"/>
    <check_button v-data:value="{_QX0.7}" style="led_red" sensitive="false"/>
  </view>      

程式界面如下所示(為了友善了解,我們把功能塊圖和變量定義,都放到了界面上):

用 AWTK 和 AWPLC 快速開發嵌入式應用程式 (2)-走馬燈

繼續閱讀