7.5 KiB
Qt Material Design Desktop Widgets 
YouTube video preview available here.
I've been using Qt for a while, the lack of UI framework is a big problem for me.
After building UI components from scratch for a while, I decided to try reusing other's projects, that is no piece of cake.
I found qt-material-widgets, but sadly it seems to be no longer supported.
Pull requests from other developer, such as move to cmake which inspired me on migrating this project from qmake
to CMake
, are not accepted anymore.
I'm very honored to try to take over the maintenance of this project, and welcome all pull requests and issues.
Overview
The original project only supports the qmake build system on Linux platform.
The new project will support both qmake and CMake on as many platforms as possible, mainly Windows, Android ,Linux and MacOS.
Usage
use in your own project
CMake
- clone this project
git clone https://github.com/Zhang-Tianxu/qt-material-widgets
- create your widgets app with CMake build system
Create Qt Widgets Application with CMake project as normal
- modify
CMakeLists.txt
of your app- add component as subdirectory of your project
add_subdirectory(/path/to/qt-material-widgets/components/ ./components)
- add include and link libraries:
- add
/path/to/qt-material-widgets/include/qmeterial/
intotarget_include_directories
for headers - add
components
intotarget_link_libraries
for.lib
- add
Now you can use qt-material-widgets, all components list as follows:
qmake
- clone this project
git clone https://github.com/Zhang-Tianxu/qt-material-widgets
- create your widgets app with qmake build system
example
- clone this project
git clone https://github.com/Zhang-Tianxu/qt-material-widgets
- open
CMakeLists.txt
/qt-material-widgets.pro
in root directory of this repo by Qt Creator - select a build Kit and run
progress
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
|
![]() |
|
Text Field |
QtMaterialTextField
|
![]() |
|
Toggle |
QtMaterialToggle
|
![]() |
Implemented components
- App Bar
- Auto Complete
- Avatar
- Badge
- Check Box
- Circular Progress
- Dialog
- Drawer
- Floating Action Button
- Flat Button
- Icon Button
- Progress
- Radio Button
- Raised Button
- Scroll Bar
- Slider
- Snackbar
- Tabs
- Text Field
- Toggle
Work in progress
- Divider
- List
- List Item
- Menu
- Paper
- Snackbar Layout
- Table
Not implemented
- Card
- Chips
- Discrete Slider
- Grid List
- Icon Menu
- Search Field
- Select Field
- Stepper
- Subheaders
- Toolbar