97 lines
3.0 KiB
Markdown
97 lines
3.0 KiB
Markdown
# FluentUI
|
||
|
||
## 简介
|
||
|
||
这是一个漂亮的Fluent组件库,使用QML插件开发的
|
||
|
||
## 编译状态
|
||
| [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|响应式导航布局||
|
||
|
||
# 部分效果预览
|
||
|
||
## 一个聊天Demo,调用了ChatGPT的接口
|
||
|
||
![](doc/preview/chatgpt.png)
|
||
|
||
## 各种Button按钮
|
||
|
||
![](doc/preview/buttons.png)
|
||
|
||
## 主题颜色切换、夜间模式
|
||
|
||
![](doc/preview/theme.png)
|
||
|
||
## FluTreeView树组件
|
||
|
||
![](doc/preview/treeview.png)
|
||
|
||
## 轮播图组件
|
||
|
||
![](doc/preview/carousel.png)
|
||
|
||
## InfoBar提示框组件
|
||
|
||
![](doc/preview/infobar.png)
|
||
|
||
## 多窗口路由跳转
|
||
|
||
![](doc/preview/multiwindow.png)
|
||
|
||
### ⚡ Visitor count
|
||
![](https://profile-counter.glitch.me/zhuzichu520-FluentUI/count.svg) |