GitHub开源推荐 | 炫酷的Material风格Qt控件

偏执的太偏执、 2023-01-10 14:42 436阅读 0赞

![format_png][]

Github 开源推荐

`专注分享 GitHub 上有趣、好玩的开源项目，`以帮助大家提高编程技巧，找到编程乐趣。

如果你对开源感兴趣，想和大家分享一些优质项目，随时欢迎投稿（`微信号：iwaleon`）。

Google 推出的 `Material Design`，无论是视觉效果还是交互体验都很棒，我们平时在上网时，在绝大多数的网页上都能看到这样的效果。

对于 `Web` 前端来说，要实现这些轻而易举，因为有很多成熟的框架可选，像 `Material UI`、`MUI` ...... 但在 `Qt` 中，类似的框架少得可怜，不得不进行大量的定制，反反复复，很消耗时间和精力。

那如果真想要一些炫酷的 `Qt` 控件，真的就没办法了吗？当然不是了，`qt-material-widgets` 值得一试！

*  GitHub 地址：https://github.com/laserpants/qt-material-widgets

这个开源库基于 Qt Widgets，目前已经实现了 20 个左右控件（例如：复选框、对话框等），还有一些正在开发中（例如：列表、表格），另外一些还没有实现（例如：搜索框、工具栏）。

**风格效果**

应用栏：`QtMaterialAppBar`

![format_png 1][]

自动补全：`QtMaterialAutoComplete`

![format_png 2][]

头像：`QtMaterialAvatar`

![format_png 3][]

### 徽标/小红点：QtMaterialBadge ###

![format_png 4][]

复选框：`QtMaterialCheckBox`

![format_png 5][]

环形进度条：`QtMaterialCircularProgress`

![format_png 6][]

对话框：`QtMaterialDialog`

![format_png 7][]

抽屉：`QtMaterialDrawer`

![format_png 8][]

悬浮按钮：`QtMaterialFloatingActionButton`

![format_png 9][]

扁平化按钮：`QtMaterialFlatButton`

![format_png 10][]

图标按钮：`QtMaterialIconButton`

![format_png 11][]

进度条：`QtMaterialProgress`

![format_png 12][]

单选框：`QtMaterialRadioButton`

![format_png 13][]

凸起按钮：`QtMaterialRaisedButton`

![format_png 14][]

滚动条：`QtMaterialScrollBar`

![format_png 15][]

滑动条：`QtMaterialSlider`

![format_png 16][]

弹出提醒：`QtMaterialSnackBar`

![format_png 17][]

标签页/选项卡：`QtMaterialTabs`

![format_png 18][]

文本框：`QtMaterialTextField`

![format_png 19][]

开关按钮：`QtMaterialToggle`

![format_png 20][]

效果还是很不错的，持续关注吧，后期控件会不断更新！

**·END·**

![format_png 21][]

![format_png 22][]

[format_png]: /images/20221119/40b9d62fa40b482c929ebc26e6154db1.png
[format_png 1]: /images/20221119/9011de25d5e945638fff03f365811172.png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjAzVFB6M05DTDFhbnhBSExaRE9EU3dpYlpsQW5FMHVNUEJlcUVuZGliblVvMlFpYVJ6MkdUU2ljb3F3LzY0MA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBOZWRPandVbW9nSnpCN1ZPZm5CT3hFNWtKdWVPaWFaWllsaWE4R2FrU1Fyc1VpYzgxMmZSN0k5Z0EvNjQw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBrb1FnblNFWTA5WkplbnZjb0t1aWFQTnE5TzJieTN4bVVYQXBGWHNEazFNZzg5RFJ6R1NvazZBLzY0MA?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjByTjR4U29ZT3JST1g5d2d5YUF2OUk3UjlHS1d1eTZMM3k1R3ZHNGtrTHhMT3BGQ3pucklubFEvNjQw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBha2lhNm5EVUZWNDBTMHRYd0JMQVBFaWN5elhmbjA2TVUxMWs1Q0dLR09ISks2UVRvd3BMVlV2dy82NDA?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBvamVpYk9raWNxa2JvaWNEQndyQkpKT2dpYjlGZE9xeERFNVk1aWJieHpVcG55SHlrNXlhTEFFaWJ6bXcvNjQw?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBVakRpYlppYzRmVk1uQ1VNMzdFZGxOSTJyMjJJUm9OWUpYV09PcnFCb3o3S2lhSHNTSGNpYnRZTWliUS82NDA?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjB2S0FHOGJLbUFpYUxtUmljckxmVjJ0ZHRaMVFYVXpmbjR2ajB6VmJpYW9XRExEd05ndzlLejI1OVEvNjQw?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBXYmxDRU9MZkduMW9rYzhkVHJaMENQdVBONnFwRGZLSmljejRlanZITWljWTdvenMzVWljdzFGbXcvNjQw?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBoUEt5RVNlS25hSUh0elBLNWV3STRQRFlUQ1ZpY25tZ3lqdkFSalJIWUNQb1hCWGRWM2p2RE1RLzY0MA?x-oss-process=image/format,png
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjAxMXFsRTRqVW5PS3YwbDY0dFNjUG1SS0VkQWQwa0ZpYWZxeHhnRGtsaWFYVWgzNFVrOGt6dzFxdy82NDA?x-oss-process=image/format,png
[format_png 13]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjA3TXBVRlpIZ1p5aWNJZk9qRXF1bmx3S1UxcVFTSXhHZ3NEWHJWazNsSVlXWjVhYjZtTWJaaWFxdy82NDA?x-oss-process=image/format,png
[format_png 14]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBiRGpTdU9mZmZ0Z1hGVUo1OFRvemtxSzQ5aWFmaEFNUHNza2xRSHRFTDE2UTBuU2dQR0Q2VDdBLzY0MA?x-oss-process=image/format,png
[format_png 15]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBpYTNxZnZncVZkbzFJOXlyemlhVFZVSU40Tm5wUnV6VmljZ295aWNJc2liUGdhRDF4cUMzTWdkN0trZy82NDA?x-oss-process=image/format,png
[format_png 16]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBwZHZnUUFpYWt6U2ljWmp1aWF1MEpFa2Q3WXRqaWJlVVJKaWJFTTdOSkgwaFRDaWNRcWljVlVvU083aWJ5QS82NDA?x-oss-process=image/format,png
[format_png 17]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjB0cUhpYUF3cGRjSFZrN3ZjRGxkcHJTendkS0M2Vmdid0FpY3k0RTlta0dpY3hSbTkyYnRUZVdUVHcvNjQw?x-oss-process=image/format,png
[format_png 18]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBmSmgxalNyZWtZMm9PWGtXTDRHN0oxRmljVk1LNTZHZGFFckdka09XUk5NeTNVWWpOeXVGSWdnLzY0MA?x-oss-process=image/format,png
[format_png 19]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBIZkNlRXp3MW9GU3pNSDRWd1o5bVFpYnprcVd0M1dERnhwaWN3R2pLaWFXVEc1c3lZenlOdVBqY2cvNjQw?x-oss-process=image/format,png
[format_png 20]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2FlTmRFVEdwanhuRTJ0UlczbkkzMjBBRDJ3cVZPbjlFb2xaS1BTdlF3OE5jckVweFFTRlViMDFpYmljTWZkYTFjaG9pYTV3QktuU1FLUlEvNjQw?x-oss-process=image/format,png
[format_png 21]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2JBaWM1Q0dBYXAyeHBHT3dkZGhabTBnWTZJYXp2VEZOc1dick5GRWNsb0FDNk52U2pXQXFpYlJxeXFocUU1NEtkUGRIMjFHaERrSkpRdy82NDA?x-oss-process=image/format,png
[format_png 22]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi83MTRpYktvOFhrc2JBaWM1Q0dBYXAyeHBHT3dkZGhabTBnaGhKUFlBMHVpY1l6MkV0WGtSaEx0bmVwSVI3QkRVaWNVSlF0aWJCVFhkZTBJWU1uNURYczAxbllRLzY0MA?x-oss-process=image/format,png