![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWrqAcKWBAACV5HVD_qY906.gif)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWrqAeqEnAAABH5UOQQI207.jpg)
AWTK全稱 Toolkit AnyWhere,是 ZLG 開發(fā)的開源 GUI 引擎,旨在為嵌入式系統(tǒng)、WEB、各種小程序、手機(jī)和 PC 打造的通用 GUI 引擎,為用戶提供一個(gè)功能強(qiáng)大、高效可靠、簡單易用、可輕松做出炫酷效果的 GUI 引擎。
簡介
模塊化思維是每個(gè)程序員必備的技能。模塊化說起來也很簡單,就是把一組相關(guān)的東西封裝起來,使用者只能通過接口去訪問模塊的功能。模塊是一個(gè)抽象的東西,可大可小,大模塊可以分成稍小的模塊,稍小的模塊可以繼續(xù)細(xì)分成更小的模塊,具體細(xì)分到什么程度,要看個(gè)人習(xí)慣和具體情況。
高內(nèi)聚低耦合是每個(gè)模塊必備的品質(zhì)。高內(nèi)聚是說,只把功能強(qiáng)相關(guān)的東西放到一個(gè)模塊內(nèi),不要把關(guān)系不大或者不相關(guān)的東西放在一起。低耦合是說,模塊之間的關(guān)系松散,各自獨(dú)立變化,而互相不影響。當(dāng)然這是理想的情況,是大多數(shù)情況下應(yīng)該遵循的基本原則,真實(shí)場(chǎng)景中可以根據(jù)具體情況做些取舍。
模塊化的主要目的有兩個(gè):
降低系統(tǒng)復(fù)雜度。在進(jìn)行軟件架構(gòu)設(shè)計(jì)時(shí),我們需要對(duì)一個(gè)復(fù)雜的系統(tǒng)分解,把系統(tǒng)分解成一些大模塊,把大模塊分解成小模塊。如果拆分得當(dāng),模塊具有良好的封裝,理解了模塊的接口,就理解了整個(gè)模塊,這就降低了系統(tǒng)的復(fù)雜度。此時(shí)模塊化是一種自頂向下的行為。
重用。在進(jìn)行軟件開發(fā)時(shí),我們發(fā)現(xiàn)一個(gè)功能在多個(gè)地方用到,就它做成一個(gè)公共函數(shù),或者提取成一個(gè)類,這也是模塊化。此時(shí)模塊化是一種自底向上的行為。通過重用,可以減少重復(fù)開發(fā)帶來的工作量,也可以減少重復(fù)代碼后期的維護(hù)工作。
AWPLC 是一個(gè)低代碼開發(fā)環(huán)境,個(gè)人認(rèn)為低代碼開發(fā)的核心要素有三個(gè),它們都與模塊化息息相關(guān):
組件標(biāo)準(zhǔn)化。各種功能和算法都按照統(tǒng)一的方式封裝成組件(模塊)。
重用可視化。通過拖拽把各個(gè)組件組合到一起,就可以實(shí)現(xiàn)需要的功能。
應(yīng)用模版化。把一些常用的應(yīng)用程序做成模版,開發(fā)者可以根據(jù)自己的需要進(jìn)行定制。
紅綠燈示例
之前我們用以一個(gè)簡化版的紅綠燈為例,演示在 AWPLC 中實(shí)現(xiàn)狀態(tài)機(jī)的方法。在這個(gè)例子的功能塊圖里,三個(gè)狀態(tài)的邏輯基本上是一樣的,同樣的邏輯重復(fù)兩次,我們還可以忍耐,如果重復(fù)十次,那就讓人抓狂了。本文我們還是用這個(gè)例子,把狀態(tài)轉(zhuǎn)換的邏輯封裝成一個(gè)功能塊,讓這個(gè)應(yīng)用更好理解和維護(hù)。
在采用狀態(tài)機(jī)模式設(shè)計(jì)時(shí),一般按照下列步驟進(jìn)行:
確定系統(tǒng)存在的狀態(tài),并選取我們關(guān)注的狀態(tài)。比如,在本系統(tǒng)中,我們選取紅燈、黃燈、綠燈三個(gè)狀態(tài)。 確定在各個(gè)狀態(tài)下系統(tǒng)的行為。比如,在本系統(tǒng)中,在紅燈狀態(tài)下,點(diǎn)亮紅色 LED 燈;在黃燈狀態(tài)下,點(diǎn)亮黃色 LED 燈;在綠燈狀態(tài)下,點(diǎn)亮綠色 LED 燈。 確定各個(gè)狀態(tài)之間轉(zhuǎn)換的條件。比如,在本系統(tǒng)中,在紅燈狀態(tài)下,超時(shí)進(jìn)入黃燈狀態(tài)下;在黃燈狀態(tài)下,超時(shí)進(jìn)入綠燈狀態(tài)下;在綠燈狀態(tài)下,超時(shí)進(jìn)入紅燈狀態(tài)下。
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWrqAOSBDAADpLXk-NrM681.png)
1. 系統(tǒng)組成
3 個(gè) LED。
LED 都用軟件模擬。
PLC程序
1.變量定義
1.1全局變量
通常是不提倡使用全局變量的,這會(huì)造成一些不必要的耦合。不過有時(shí)善用全局變量,可以減小開發(fā)工作量,需要根據(jù)情況進(jìn)行取舍。
這里我們把狀態(tài)變量 STATE 定義成全局的,方便在主程序和狀態(tài)轉(zhuǎn)換的功能塊(STATE_TRANS)里共用。
在主程序中,需要定義幾個(gè)變量:
STATE_RED 表示紅色狀態(tài),是一個(gè)常量,取值為 1。
STATE_YELLOW 表示黃色狀態(tài),是一個(gè)常量,取值為 2。
STATE_GREEN 表示綠色狀態(tài),是一個(gè)常量,取值為 3。
STATE 表示系統(tǒng)當(dāng)前的狀態(tài)(引用全局變量)。
LED_RED 表示紅色 LED 燈,映射到第 1 個(gè)數(shù)字輸出。
LED_YELLOW 表示黃色 LED 燈,映射到第 2 個(gè)數(shù)字輸出。
LED_GREEN 表示綠色 LED 燈,映射到第 3 個(gè)數(shù)字輸出。
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWrqAU7x9AAFCT9I-_x8510.png)
在這里我們需要定義幾個(gè)變量:
STATE 表示系統(tǒng)當(dāng)前的狀態(tài)(引用全局變量)。
CURRENT_STATE 當(dāng)前的狀態(tài)。
NEXT_STATE 下一個(gè)狀態(tài)。
TIMEOUT 超時(shí)的時(shí)間。
LED 是否點(diǎn)亮當(dāng)前狀態(tài)對(duì)應(yīng)的燈。
基本工作原理:
如果系統(tǒng)當(dāng)前狀態(tài) STATE 等于 STATE_RED 時(shí),表明當(dāng)前處于紅燈狀態(tài):點(diǎn)亮紅色 LED 燈,定時(shí)器保持工作,當(dāng)定時(shí)器超時(shí),設(shè)置系統(tǒng)當(dāng)前狀態(tài)為黃燈狀態(tài)。
如果系統(tǒng)當(dāng)前狀態(tài) STATE 等于 STATE_YELLOW 時(shí),表明當(dāng)前處于黃燈狀態(tài):點(diǎn)亮黃色 LED 燈,定時(shí)器保持工作,當(dāng)定時(shí)器超時(shí),設(shè)置系統(tǒng)當(dāng)前狀態(tài)為綠燈狀態(tài)。
如果系統(tǒng)當(dāng)前狀態(tài) STATE 等于 STATE_GREEN 時(shí),表明當(dāng)前處于綠燈狀態(tài):點(diǎn)亮綠色 LED 燈,定時(shí)器保持工作,當(dāng)定時(shí)器超時(shí),設(shè)置系統(tǒng)當(dāng)前狀態(tài)為綠燈狀態(tài)。
主程序的具體實(shí)現(xiàn)如下圖所示:
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWruAXTqYAADCEcCeeNc083.png)
用戶界面
由于符號(hào)%在程序里具有特殊功能,所以在綁定 IO 變量時(shí),把%換成_。比如:將%QX0.0寫作_QX0.0。
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWruASGyTAAJNsGW4-eA346.png)
*由此可見,在 AWPLC 功能塊圖的幫助下,我們不要寫 C 代碼或腳本,即可完成應(yīng)用程序的開發(fā)。AWPLC 用低代碼降低了開發(fā)的門檻,提高了開發(fā)的效率。AWPLC 等您來玩!
AWPLC 目前還處于開發(fā)階段的早期,寫這個(gè)系列文章的目的,除了用來驗(yàn)證目前所做的工作外,還希望得到大家的指點(diǎn)和反饋。如果您有任何疑問和建議,請(qǐng)?jiān)谠u(píng)論區(qū)留言。
【版權(quán)聲明】本文為ZLG開發(fā)者社區(qū)用戶原創(chuàng)內(nèi)容,未經(jīng)授權(quán)不得轉(zhuǎn)載。歡迎更多用戶到社區(qū)交流互動(dòng)、創(chuàng)作博文,一經(jīng)采用,可獲得百元京東E卡。
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWruAdMKmAARmtXhrJ5o726.jpg)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWruARDeNAAC2Hh6LevA157.jpg)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWryAX_q8AACL_TffxQM819.jpg)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWryABjmMAACg0BL51P4876.jpg)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWryAShNqAAB5J39ieQw142.jpg)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWryAFrgHAADvie_3xuM192.jpg)
![](https://file1.elecfans.com//web2/M00/98/BC/wKgaomTnWryADM8UAADDl_n4KOw682.jpg)
-
致遠(yuǎn)電子
+關(guān)注
關(guān)注
13文章
409瀏覽量
31444
原文標(biāo)題:【產(chǎn)品應(yīng)用】用 AWTK 和 AWPLC 快速開發(fā)嵌入式應(yīng)用程序 (9)- 模塊化
文章出處:【微信號(hào):ZLG_zhiyuan,微信公眾號(hào):ZLG致遠(yuǎn)電子】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
AWTK-WEB 快速入門(4) - JS Http 應(yīng)用程序
![<b class='flag-5'>AWTK</b>-WEB <b class='flag-5'>快速</b>入門(4) - JS Http <b class='flag-5'>應(yīng)用程序</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK-WEB 快速入門(2) - JS 應(yīng)用程序
![<b class='flag-5'>AWTK</b>-WEB <b class='flag-5'>快速</b>入門(2) - JS <b class='flag-5'>應(yīng)用程序</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK-WEB 快速入門(1) - C 語言應(yīng)用程序
![<b class='flag-5'>AWTK</b>-WEB <b class='flag-5'>快速</b>入門(1) - C 語言<b class='flag-5'>應(yīng)用程序</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
【AWTK使用經(jīng)驗(yàn)】如何使用系統(tǒng)輸入法與開啟最大化窗口功能
![【<b class='flag-5'>AWTK</b>使用經(jīng)驗(yàn)】如何使用系統(tǒng)輸入法與開啟最大化窗口功能](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
EsDA,一站式嵌入式軟件
![EsDA,一站<b class='flag-5'>式</b><b class='flag-5'>嵌入式</b>軟件](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
七大嵌入式GUI盤點(diǎn)
嵌入式linux開發(fā)的基本步驟有哪些?
C28x嵌入式應(yīng)用程序二進(jìn)制接口
![C28x<b class='flag-5'>嵌入式</b><b class='flag-5'>應(yīng)用程序</b>二進(jìn)制接口](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
【AWTK最新動(dòng)態(tài)】AWTK 1.8版本發(fā)布
![【<b class='flag-5'>AWTK</b>最新動(dòng)態(tài)】<b class='flag-5'>AWTK</b> 1.8版本發(fā)布](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
MSP430嵌入式應(yīng)用程序二進(jìn)制接口
![MSP430<b class='flag-5'>嵌入式</b><b class='flag-5'>應(yīng)用程序</b>二進(jìn)制接口](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
C6000嵌入式應(yīng)用程序二進(jìn)制接口
![C6000<b class='flag-5'>嵌入式</b><b class='flag-5'>應(yīng)用程序</b>二進(jìn)制接口](https://file.elecfans.com/web1/M00/D9/4E/pIYBAF_1ac2Ac0EEAABDkS1IP1s689.png)
嵌入式QT常見開發(fā)方式有哪些?
深度詳解嵌入式系統(tǒng)專用輕量級(jí)框架設(shè)計(jì)
![深度詳解<b class='flag-5'>嵌入式</b>系統(tǒng)專用輕量級(jí)框架設(shè)計(jì)](https://file1.elecfans.com/web2/M00/D2/87/wKgaomYjRd2APDxTAAAtWrrRF18443.png)
再談嵌入式實(shí)時(shí)操作系統(tǒng)
![再談<b class='flag-5'>嵌入式</b>實(shí)時(shí)操作系統(tǒng)](https://file1.elecfans.com/web2/M00/C8/81/wKgaomYVCTGAXoLNAAHKsmHXcPM241.png)
【從0開始創(chuàng)建AWTK應(yīng)用程序】編譯應(yīng)用到RTOS平臺(tái)
![【從0開始創(chuàng)建<b class='flag-5'>AWTK</b><b class='flag-5'>應(yīng)用程序</b>】編譯應(yīng)用到RTOS平臺(tái)](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
評(píng)論