正文

EVUE 进化蜕变，下一代全平台 UI 开发利器 0.1.6 预览版发布

admin
admin V管理员 /0 评论 /274 阅读
1229
此篇文章发布距今已超过631天，您需要注意文章的内容或图片是否可用！

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

  • github: https://github.com/scriptiot/evue
  • gitee: https://gitee.com/scriptiot/evue

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引擎无关

  • Evuecompiler 编译器架构

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

  • 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 ."
 

快速开始

  • evue_website
 cd examples python evuebroswer.py ./evue_website/project.json or python evuebroswer.py ./evue_website/app.py

 

  • evue_login
 cd examples python evuebroswer.py ./evue_login/project.json or python evuebroswer.py ./evue_login/app.py

 

Evue Studio

Evue Studio 是一个服务开发者快速创建/编译/发布基于evue的应用的开发者平台。

下载最新的evue studio

  • 解压evuestudio-*.7z
  • 双击 evuestudio.exe

Evue Studio 是一款通用的低代码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代码

如何编译evue文件为python代码

  • 登录evue studio
  • 切换到编译页面
  • 添加工程目录到监控列表
  • 改变evue文件会自动编译为python代码

 


 

 

 

宙飒天下