视频演示：https://www.bilibili.com/video/BV1V7p7z5EXo/?share_source=copy_web&vd_source=b844db396ae05cb943336dd6b72ebf5a EvolveUI 是一个现代化、高度风格统一的 Qt6 QML 前端组件库，致力于为跨平台应用程序提供一致、优雅、响应式的 UI 体验。灵感来源于 Telegram 动效、Material Design 规范，并充分考虑了桌面与移动端的交互习惯。

• 🔧 主题系统统一管理：支持浅色 / 深色主题切换，颜色、阴影、边框统一由 Theme.qml 控制。
• 🎨 组件风格一致：所有组件都遵循统一命名规范、圆角、阴影、多态配色、动态交互反馈。
• ⚙️ 组件可复用性强：每个组件都可独立使用，并支持灵活参数配置，轻松嵌入任意 QML 应用。
• 🎯 高质量动效支持：广泛使用 MultiEffect 和 SpringAnimation 实现柔和动画，提升用户体验。
• 📐 响应式布局优化：自动适配窗口尺寸，支持 Layout 自适应大小与间距，适用于多端设备。

1. 引入模块路径（假设你把组件库放在 components/ 文件夹）：

import "components" as Components

2. 使用组件：

// 导入图标字体文件
FontLoader {
    id: iconFont
    source: "qrc:/new/prefix1/fonts/fontawesome-free-6.7.2-desktop/otfs/Font Awesome 6 Free-Solid-900.otf"
}

// 引入主题
Components.ETheme {
    id: theme
}

Components.EButton {
    text: "提交"
    iconCharacter: "\uf1d8"
    onClicked: console.log("Clicked!")
}

3. 切换主题（可绑定按钮或快捷键）：

Button {
    text: theme.isDark ? "切换到浅色" : "切换到深色"
    onClicked: theme.toggleTheme()
}

• Qt 6.5 及以上版本（建议 6.6+）
• 使用 MultiEffect（推荐 QtGraphicalEffects 替代方案在 Qt6 中使用）
• 推荐使用 FontAwesome 字体图标（可自定义）

• 统一以 PascalCase 命名组件文件（如 HoverCard.qml）
• 所有可配置属性必须暴露为 property，并配默认值
• 动效采用 SpringAnimation 或 Behavior，避免突变跳变
• 所有组件应使用 theme 中的配色与样式属性，避免硬编码颜色

• 支持组件懒加载与性能优化
• 提供完整的文档网站（使用 VitePress 或 MkDocs）
• 扩展更多容器类布局组件（如 GridCard、Toolbar、Tab 等）
• 实现设置面板与主题编辑器

本项目遵循 MIT 协议，欢迎自由使用与二次开发。

欢迎 star 🌟、fork 🍴、提 issue 💬、提 PR 🔧！