EVUE全平台 UI 开发框架

联合创作 · 2023-09-28 06:06




Evue 是一个基于html/css的高性能的gui应用框架,与平台和ui引擎无关。


EVUE应用开发的核心理念




  •  基于HTML和CSS

用户只需要了解简单的html和css知识,即可快速开发漂亮的UI程序,


 



  • 硬件无关 和 OS无关

EVUE 底层UI引擎基于Flutter 和 LVGL, 实现一个evue应用可完美运行在windows/linux/macos/web/ios/android/RTOS多个平台,与硬件无关和OS无关


 



  •  一次开发,多端运行

一次开发,多端运行,指的是用户只需要一次开发,即可实现evue小程序多端运行在不同的设备,通过一套代码库高效构建多平台精美应用, 极大的提高用户开发效率,节约开发成本


 



  • 原生性能,效率至上

    • EVUE底层UI渲染引擎基于Flutter和LVGL,性能卓越

    • Flutter 是Google开源的构建用户界面(UI)工具包,底层绘图引擎基于Skia , 性能媲美原生应用;

    • LVGL 是面向IOT的轻量级UI引擎,底层基于C语言开发,内存占用低,性能优秀,在IOT领域应用极其广泛

    • EVUE 框架自身采用编译时代码生成技术,非运行时动态渲染技术,极大的减少了运行时的性能消耗;

    • EVUE 框架原生支持MVVM, 数据驱动UI, 用户无需关心手动操作UI, 极大提高开发效率


  • 组件编程,自由拓展


EVUE框架自身构建在组件之上,一切皆为组件,任意一个evue文件就是一个组件,用户基于内置的原生组件可以自由组合成各种自定义的高级组件,可复用到任意项目中,用户自由设计。



  • 低代码支持


evue designer是基于evue开发的低代码设计器,用户可以简单的拖拽即可实现evue代码的自动生成和预览,极大提升用户开发效率。


框架



  • Evue 架构



Evue 是一个基于html/css的高性能的gui应用框架,与平台和ui引擎无关



evue



  • Evuecompiler 编译器架构



evue编译器的功能主要是将evue文件编译为python/javascript代码;



evuecompiler



  • Evue 全平台运行

    • 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 是一个服务开发者快速创建/编译/发布基于evue的应用的开发者平台。



designer


下载最新的evue studio



  • 解压evuestudio-*.7z

  • 双击 evuestudio.exe



Evue Designer 是一款通用的低代码UI设计器,支持自由拖拽组件、可视化数据绑定和可视化事件绑定,内置多终端模拟器,快速预览,所见所得!支持一键导出windows/linux/macos/web/ios/android/RTOS的跨平台evue小程序。


设计器理念



  • 面向开发者,辅助开发者极限效率开发应用,专注设计和代码生成

  • 面向社区,任何开发者均可分享自己设计的组件或应用

  • 自动生成的代码具有极高的可读性,与用户手写基本无差异,用户手动修改evue文件后可以再次设计,不会影响用户代码

  • 支持无限多层次嵌套组合,遵从开发者心智,非设计师

  • 支持用户自定义默认组件样式,高度个性化定制

  • 支持evue多语言编译,满足不同的编译需求

  • 支持设计器自举,用设计器拖拽生成设计器


设计器组件支持


基础组件:



  • 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 是一个基于evue的商业产品quicknode, 轻量级evue解决方案,可以运行在各种mcu上。



 


更多介绍请阅读 quicknode产品介绍


下载最新的quicknode



  • 解压quicknode-qbc-20221215142421-693fbf88.zip

  • 双击 quicknode.bat or quicknode_chart.bat


帮助手册


编译evue文件->python代码


evue2py


如何编译evue文件为python代码



  • 登录evue studio

  • 切换到编译页面

  • 添加工程目录到监控列表

  • 改变evue文件会自动编译为python代码


 


 





 

浏览 38
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报