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代码

 

 

 

浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑
举报