🎨 Qt widgets-based implementation of the Material Design specification.
Go to file
tianxu caeb3cd776 modify README, add useages into it 2024-02-23 20:59:33 +08:00
components upgrade to Qt6 2024-02-23 17:57:49 +08:00
examples upgrade to Qt6 2024-02-23 17:57:49 +08:00
fonts/Roboto Add font resources 2017-09-28 16:04:24 +03:00
gifs Add Auto Comlete to list of implemented components 2017-10-15 13:08:53 +03:00
include/qmetarial move all internal to components 2024-02-23 16:06:09 +08:00
.clang-format some fix 2024-02-23 16:05:31 +08:00
.gitignore try to move to cmake from qmake 2024-02-23 16:05:17 +08:00
.qmake.conf Create .qmake.conf to specify top_srcdir and top_builddir 2017-10-04 13:28:17 +03:00
CMakeLists.txt upgrade to Qt6 2024-02-23 17:57:49 +08:00
CMakeLists.txt.user upgrade to Qt6 2024-02-23 17:57:49 +08:00
LICENSE Add LICENSE file 2017-09-30 10:14:47 +03:00
README.md modify README, add useages into it 2024-02-23 20:59:33 +08:00

README.md

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

1. clone this project

2. create your widgets app

Create Qt Widgets Application with CMake project as normal

3. modify CMakeLists.txt of your app

First, add component as subdirectory of your project

add_subdirectory(/path/to/qt-material-widgets/components/ ./components)

I'm not sure if these two line is really needed, you can add them when you count error

set(CMAKE_INCLUDE_CURRENT_DIR ON) # I'm not sure if it is really needed
set(CMAKE_EXPORT_COMPILE_COMMANDS ON) # I'm not sure if it is really needed

then, add include and link libraries:

  • add /path/to/qt-material-widgets/include/qmeterial/ into target_include_directories for headers
  • add components into target_link_libraries for .lib

Now you can use qt-material-widgets, all components list as follows:

Qt Material Design Desktop Widgets Language Join the chat at https://gitter.im/qt-material-widgets/Lobby

YouTube video preview available here.

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