EVUE全平臺 UI 開發(fā)框架
Evue 是一個(gè)基于html/css的高性能的gui應(yīng)用框架,與平臺和ui引擎無關(guān)。
EVUE應(yīng)用開發(fā)的核心理念
- 基于HTML和CSS
- 硬件無關(guān) 和 OS無關(guān)
- 一次開發(fā),多端運(yùn)行
- 原生性能,效率至上
- EVUE底層UI渲染引擎基于Flutter和LVGL,性能卓越
- Flutter 是Google開源的構(gòu)建用戶界面(UI)工具包,底層繪圖引擎基于Skia , 性能媲美原生應(yīng)用;
- LVGL 是面向IOT的輕量級UI引擎,底層基于C語言開發(fā),內(nèi)存占用低,性能優(yōu)秀,在IOT領(lǐng)域應(yīng)用極其廣泛
- EVUE 框架自身采用編譯時(shí)代碼生成技術(shù),非運(yùn)行時(shí)動態(tài)渲染技術(shù),極大的減少了運(yùn)行時(shí)的性能消耗;
- EVUE 框架原生支持MVVM, 數(shù)據(jù)驅(qū)動UI, 用戶無需關(guān)心手動操作UI, 極大提高開發(fā)效率
- 組件編程,自由拓展
EVUE框架自身構(gòu)建在組件之上,一切皆為組件,任意一個(gè)evue文件就是一個(gè)組件,用戶基于內(nèi)置的原生組件可以自由組合成各種自定義的高級組件,可復(fù)用到任意項(xiàng)目中,用戶自由設(shè)計(jì)。
- 低代碼支持
evue designer是基于evue開發(fā)的低代碼設(shè)計(jì)器,用戶可以簡單的拖拽即可實(shí)現(xiàn)evue代碼的自動生成和預(yù)覽,極大提升用戶開發(fā)效率。
框架
- Evue 架構(gòu)
Evue 是一個(gè)基于html/css的高性能的gui應(yīng)用框架,與平臺和ui引擎無關(guān)
- Evuecompiler 編譯器架構(gòu)
evue編譯器的功能主要是將evue文件編譯為python/javascript代碼;
- Evue 全平臺運(yùn)行
- Evue for flutter (windows/linux/macos/web/ios/andriod)
- Evue for lvgl(rtos on mcu like Asr3603/F1C100/F1C200/esp32/stm32/...)
you can run evue on any platfom as you like!
- Evue 支持適配任何ui引擎
- Evue for flutter
- Evue for lvgl
- Evue for Qt
- Evue for PySide2
- ...
you can compile evue to any ui code as you like!
安裝
使用 pip安裝evue.
pip install evue
or
git clone https://github.com/scriptiot/evue.git cd evue python setup.py install # also `pip install ."
快速開始
cd examples python evuebroswer.py ./evue_website/project.json or python evuebroswer.py ./evue_website/app.py![]()
cd examples python evuebroswer.py ./evue_login/project.json or python evuebroswer.py ./evue_login/app.py
Evue Studio
Evue Studio 是一個(gè)服務(wù)開發(fā)者快速創(chuàng)建/編譯/發(fā)布基于evue的應(yīng)用的開發(fā)者平臺。
- 解壓evuestudio-*.7z
- 雙擊
evuestudio.exe
Evue Designer 是一款通用的低代碼UI設(shè)計(jì)器,支持自由拖拽組件、可視化數(shù)據(jù)綁定和可視化事件綁定,內(nèi)置多終端模擬器,快速預(yù)覽,所見所得!支持一鍵導(dǎo)出windows/linux/macos/web/ios/android/RTOS的跨平臺evue小程序。
設(shè)計(jì)器理念
- 面向開發(fā)者,輔助開發(fā)者極限效率開發(fā)應(yīng)用,專注設(shè)計(jì)和代碼生成
- 面向社區(qū),任何開發(fā)者均可分享自己設(shè)計(jì)的組件或應(yīng)用
- 自動生成的代碼具有極高的可讀性,與用戶手寫基本無差異,用戶手動修改evue文件后可以再次設(shè)計(jì),不會影響用戶代碼
- 支持無限多層次嵌套組合,遵從開發(fā)者心智,非設(shè)計(jì)師
- 支持用戶自定義默認(rèn)組件樣式,高度個(gè)性化定制
- 支持evue多語言編譯,滿足不同的編譯需求
- 支持設(shè)計(jì)器自舉,用設(shè)計(jì)器拖拽生成設(shè)計(jì)器
設(shè)計(jì)器組件支持
基礎(chǔ)組件:
- image
- text
- textfield
- textarea
- button
- iconbutton
- checkbox
- switch
- progress
- slider
- combobox
- counter
- qrcode
- canvas
布局組件
- div
- row
- column
- listview
- listitem
- grid
- tabview
- tab
自定義組件
- 用戶自定義
Evue for iot
Evue for iot 是一個(gè)基于evue的商業(yè)產(chǎn)品
quicknode, 輕量級evue解決方案,可以運(yùn)行在各種mcu上。
更多介紹請閱讀 quicknode產(chǎn)品介紹
- 解壓quicknode-qbc-20221215142421-693fbf88.zip
- 雙擊
quicknode.batorquicknode_chart.bat
編譯evue文件->python代碼
- 登錄evue studio
- 切換到
編譯頁面 - 添加工程目錄到監(jiān)控列表
- 改變evue文件會自動編譯為python代碼
