QtWidget使用Material风格的组件库

最新推荐文章于 2026-05-03 13:24:21 发布

原创

最新推荐文章于 2026-05-03 13:24:21 发布 · 1.6w 阅读

标签

#qt

文章介绍了qt-material-widget组件库，这是一个基于QtWidget的Material设计风格组件集合。详细步骤指导了如何编译该库，包括使用mingw64编译得到.a静态库文件，以及在项目中导入和使用这些组件的方法。文章还列出了可用的Material组件示例。

该组件库拥有炫酷的Material风格的组件，并且该组件库基于QtWidget开发的，目前实现了大约20个Material风格的组件，下面教大家如何编译该组件库，并将这个组件库运用到自己的项目中。

该组件库的下载地址:qt-material-widgets
下载解压后的文件目录：
在这里插入图片描述
点击qt-material-widgets.pro的项目工程文件，选择Release模式并且通过mingw64位的编译器进行编译，就会得到一个以.a结尾的静态库文件:

注意:因为我使用的是mingw模式的编译器，所以它会采用gcc进行编译，得到的静态库文件会以.a结尾。如果采用msvc模式的编译器，它就会得到以.lib结尾的静态库文件。

该组件库的项目工程分析:
在这里插入图片描述

如上图所示:components是封装组件的目录，examples是对封装组件的使用，叫我们如何使用这些组件到我们的项目中。

该组件库目前封装组件的效果图如下：


App Bar	`QtMaterialAppBar`

Auto Complete	`QtMaterialAutoComplete`

Avatar	`QtMaterialAvatar`

Badge	`QtMaterialBadge`

Check Box	`QtMaterialCheckBox`

Circular Progress	`QtMaterialCircularProgress`

Dialog	`QtMaterialDialog`

Drawer	`QtMaterialDrawer`

FAB	`QtMaterialFloatingActionButton`

Flat Button	`QtMaterialFlatButton`

Icon Button	`QtMaterialIconButton`

Progress	`QtMaterialProgress`

Radio Button	`QtMaterialRadioButton`

Raised Button	`QtMaterialRaisedButton`

Scroll Bar	`QtMaterialScrollBar`

Slider	`QtMaterialSlider`

Snackbar	`QtMaterialSnackBar`

Tabs	`QtMaterialTabs`