100 lines
3.5 KiB
Markdown
100 lines
3.5 KiB
Markdown
|
# FluentUI
|
|||
|
|
|||
|
## 简介
|
|||
|
|
|||
|
这是一个漂亮的Fluent组件库,使用QML插件开发的。main分支是Qt6.4.3,<a href="https://github.com/zhuzichu520/FluentUI/wiki/%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8" target="_blank">如何使用?</a>。如果需要qt5的请切换至qt5分支,<a href="https://github.com/zhuzichu520/FluentUI/wiki/%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8%EF%BC%881.2.7%E4%BB%A5%E5%8F%8A%E4%B9%8B%E5%89%8D%E7%89%88%E6%9C%AC%EF%BC%89" target="_blank">如何使用?</a>
|
|||
|
|
|||
|
## 编译状态
|
|||
|
| [Windows][win-link]| [Ubuntu][ubuntu-link]|[MacOS][macos-link]|
|
|||
|
|---------------|---------------|-----------------|
|
|||
|
| ![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"
|
|||
|
[macos-badge]: https://github.com/zhuzichu520/FluentUI/workflows/MacOS/badge.svg "MacOS"
|
|||
|
|
|||
|
## 发布
|
|||
|
|
|||
|
|[已发布][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"
|
|||
|
|
|||
|
## 支持的组件
|
|||
|
|
|||
|
|目录|说明|备注|
|
|||
|
|----|----|----|
|
|||
|
|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|树控件||
|
|||
|
|FluTheme|主题设置|支持主题颜色切换,夜间模式|
|
|||
|
|FluCarousel|轮播图组件|支持无限轮播|
|
|||
|
|FluTimePicker|时间选择器||
|
|||
|
|FluDatePicker|日期选择器||
|
|||
|
|FluMenu|菜单Popup||
|
|||
|
|FluNavigationView|响应式导航布局||
|
|||
|
|FluScrollbar|滚动条||
|
|||
|
|FluToggleButton|开关按钮||
|
|||
|
|FluPagination|分页组件||
|
|||
|
|FluTableView|表格组件||
|
|||
|
|FluMediaPlayer|播放器||
|
|||
|
|FluFlipView|FlipView||
|
|||
|
|
|||
|
# 部分效果预览
|
|||
|
|
|||
|
## 首页
|
|||
|
|
|||
|
![](doc/preview/home.png)
|
|||
|
|
|||
|
## 各种Button按钮
|
|||
|
|
|||
|
![](doc/preview/buttons.png)
|
|||
|
|
|||
|
## 主题颜色切换、夜间模式
|
|||
|
|
|||
|
![](doc/preview/theme.png)
|
|||
|
|
|||
|
## TableView表格组件
|
|||
|
|
|||
|
![](doc/preview/tableview.png)
|
|||
|
|
|||
|
## FluTreeView树组件
|
|||
|
|
|||
|
![](doc/preview/treeview.png)
|
|||
|
|
|||
|
## 轮播图组件
|
|||
|
|
|||
|
![](doc/preview/carousel.png)
|
|||
|
|
|||
|
### ⚡ Visitor count
|
|||
|
![](https://profile-counter.glitch.me/zhuzichu520-FluentUI/count.svg)
|