2023-03-03 18:19:48 +08:00
|
|
|
|
# FluentUI
|
2023-03-08 00:24:35 +08:00
|
|
|
|
|
|
|
|
|
## 简介
|
|
|
|
|
|
2023-03-08 14:00:21 +08:00
|
|
|
|
这是一个漂亮的Fluent组件库,使用QML插件开发的
|
2023-03-08 00:24:35 +08:00
|
|
|
|
|
2023-03-08 14:53:28 +08:00
|
|
|
|
## 编译状态
|
2023-03-08 00:24:35 +08:00
|
|
|
|
| [Windows][win-link]| [Ubuntu][ubuntu-link]|[MacOS][macos-link]|
|
2023-03-08 00:25:40 +08:00
|
|
|
|
|---------------|---------------|-----------------|
|
2023-03-08 00:24:35 +08:00
|
|
|
|
| ![win-badge] | ![ubuntu-badge] | ![macos-badge] |
|
|
|
|
|
|
|
|
|
|
[win-link]: https://github.com/zhuzichu520/FluentUI/actions?query=workflow%3AWindows "WindowsAction"
|
|
|
|
|
[win-badge]: https://github.com/zhuzichu520/FluentUI/workflows/Windows/badge.svg "Windows"
|
|
|
|
|
|
|
|
|
|
[ubuntu-link]: https://github.com/zhuzichu520/FluentUI/actions?query=workflow%3AUbuntu "UbuntuAction"
|
|
|
|
|
[ubuntu-badge]: https://github.com/zhuzichu520/FluentUI/workflows/Ubuntu/badge.svg "Ubuntu"
|
|
|
|
|
|
|
|
|
|
[macos-link]: https://github.com/zhuzichu520/FluentUI/actions?query=workflow%3AMacOS "MacOSAction"
|
2023-03-08 13:41:43 +08:00
|
|
|
|
[macos-badge]: https://github.com/zhuzichu520/FluentUI/workflows/MacOS/badge.svg "MacOS"
|
|
|
|
|
|
2023-03-08 14:53:28 +08:00
|
|
|
|
## 发布
|
|
|
|
|
|
|
|
|
|
|[已发布][release-link]|[下载][download-link]|下载次数|
|
|
|
|
|
|:--:|:--:|:--:|
|
|
|
|
|
|![release-badge] |![download-badge]|![download-latest]|
|
|
|
|
|
|
|
|
|
|
[release-link]: https://github.com/zhuzichu520/FluentUI/releases "Release status"
|
|
|
|
|
[release-badge]: https://img.shields.io/github/release/zhuzichu520/FluentUI.svg?style=flat-square "Release status"
|
|
|
|
|
[download-link]: https://github.com/zhuzichu520/FluentUI/releases/latest "Download status"
|
|
|
|
|
[download-badge]: https://img.shields.io/github/downloads/zhuzichu520/FluentUI/total.svg "Download status"
|
|
|
|
|
[download-latest]: https://img.shields.io/github/downloads/zhuzichu520/FluentUI/latest/total.svg "latest status"
|
|
|
|
|
|
2023-03-08 13:41:43 +08:00
|
|
|
|
## 支持的组件
|
|
|
|
|
|
|
|
|
|
|目录|说明|备注|
|
|
|
|
|
|----|----|----|
|
|
|
|
|
|FluApp|初始化入口|支持路由跳转|
|
|
|
|
|
|FluWindow|无边框窗口|解决windows拖动闪烁问题|
|
|
|
|
|
|FluAppBar|窗口顶部标题栏|支持拖动窗口,最小化、最大化、关闭窗口|
|
|
|
|
|
|FluText|Text文本||
|
|
|
|
|
|FluButton|按钮||
|
|
|
|
|
|FluFilledButton|实心按钮||
|
|
|
|
|
|FluIconButton|图标按钮||
|
|
|
|
|
|FluTextButton|文本按钮||
|
|
|
|
|
|FluIcon|图标||
|
|
|
|
|
|FluRadioButton|单选按钮||
|
|
|
|
|
|FluTextBox|单行输入框||
|
|
|
|
|
|FluMultiLineTextBox|多行输入框||
|
|
|
|
|
|FluToggleSwitch|开关按钮||
|
|
|
|
|
|FluSlider|拖动条||
|
|
|
|
|
|FluInfoBar|提示Toast||
|
|
|
|
|
|FluContentDialog|对话框||
|
|
|
|
|
|FluProgressBar|条形进度条||
|
|
|
|
|
|FluProgressRing|圆形进度条||
|
|
|
|
|
|FluRectangle|矩形|支持部分圆角、clip|
|
|
|
|
|
|FluMenu|菜单框||
|
|
|
|
|
|FluTooltip|tooltip提示框||
|
|
|
|
|
|FluTreeView|树控件||
|
2023-03-08 14:00:21 +08:00
|
|
|
|
|FluTheme|主题设置|支持主题颜色切换,夜间模式|
|
2023-03-15 20:40:09 +08:00
|
|
|
|
|FluCarousel|轮播图组件|支持无限轮播|
|
|
|
|
|
|FluTimePicker|时间选择器||
|
|
|
|
|
|FluDatePicker|日期选择器||
|
|
|
|
|
|FluMenu|菜单Popup||
|
|
|
|
|
|FluNavigationView|响应式导航布局||
|
2023-03-08 14:00:21 +08:00
|
|
|
|
|
|
|
|
|
# 部分效果预览
|
|
|
|
|
|
2023-03-15 20:40:09 +08:00
|
|
|
|
## 各种Button按钮
|
2023-03-08 14:00:21 +08:00
|
|
|
|
|
2023-03-15 20:40:09 +08:00
|
|
|
|
![](doc/preview/buttons.png)
|
2023-03-08 14:00:21 +08:00
|
|
|
|
|
|
|
|
|
## 主题颜色切换、夜间模式
|
|
|
|
|
|
|
|
|
|
![](doc/preview/theme.png)
|
|
|
|
|
|
|
|
|
|
## FluTreeView树组件
|
|
|
|
|
|
|
|
|
|
![](doc/preview/treeview.png)
|
|
|
|
|
|
2023-03-15 20:40:09 +08:00
|
|
|
|
## 轮播图组件
|
|
|
|
|
|
|
|
|
|
![](doc/preview/carousel.png)
|
|
|
|
|
|
|
|
|
|
## IntoBar提示框组件
|
2023-03-08 14:00:21 +08:00
|
|
|
|
|
|
|
|
|
![](doc/preview/infobar.png)
|
|
|
|
|
|
2023-03-15 20:40:09 +08:00
|
|
|
|
## 多窗口路由跳转
|
2023-03-08 14:00:21 +08:00
|
|
|
|
|
2023-03-15 20:40:09 +08:00
|
|
|
|
![](doc/preview/multiwindow.png)
|