Material Design Component and Support Library for Android

version 0.1.5

To install:

❯ qpm install com.github.benlau.quickandroid

QML Material Design Component and Support Library for Android

Build Status


  1. Set of UI components implemented Google's Material Design
  2. Support hardware "Back" key nagivation
  3. Dimension in "dp" unit. Auto-scale according to system's DP value.
  4. Provide page transition animation
  5. Drawable Image provider
  6. Load image resource from Android resource style file tree. (e.g drawable-xxxhdpi)
  7. Tint image at load time
  8. Choose the best image according to current resolution automatically.
  9. Unified “Drawable” component
  10. A single component that supports color , image , QML component, simulated nine patch image as input source
  11. Auto scale image to fit current screen resolution
  12. Derived StateListDrawable for animated drawable like button
  13. Messege queue between C++/Qt and Java/Android code
  14. Auto conversion between C++ and Java data type. No need to write in JNI.
  15. Theme / Style Engine
  16. A global Theme object. Set once for all components.
  17. Helper function to create your own derived style.
  18. "Apache license" - Free to use for commerical application

System Requirements

  1. Qt 5.4 or above

UI Components

ActionBar , Button , BottomSheet , Drawable , StateListDrawable
Page , PageStack , MaterialShadow , Text, TextField, DropDownMenu, Paper
TabBar, TabView, FloatingActionButton, ListItem, RaisedButton

Native Components


Utility Components

InverseMouseArea, RectToRectMatrix, SystemDispatcher, MouseSensor

Installation Instruction

  1. Download a release and bundle the folder within your source tree.

  2. Add this line to your profile file(.pro):

    include(quickandroid/quickandroid.pri) # You should modify the path by yourself


#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQuickView>
#include "quickandroid.h"

int main(int argc, char *argv[])
    QGuiApplication app(argc, argv);

    QQuickView view;

    /* QuickAndroid Initialization */
    view.engine()->addImportPath("qrc:///"); // Add QuickAndroid into the import path
    // Setup "drawable" image provider
    QADrawableProvider* provider = new QADrawableProvider();

    /* End of QuickAndroid Initialization */


    return app.exec();

Import the package within your QML file by :

import QuickAndroid 0.1


An example program is available in the folder of tests/quickandroidexample . You may build it by yourself or download the daily build from .

Remarks: Daily build for non-master branch may not be working.



Apache License 2.0



  1. Native Image Picker
  2. Redesign Dialog component in Material Design Style.
  3. BottomSheet


  1. Switch
  2. NavigationDrawer
  3. Slider
  4. Custom page transition effect


  1. SwipeableListItem
  2. qpm package?


Q. Looking for component that is not supported yet?

Please feel free to submit the request to our issue tracker. Moreover, you may take a look on other component library:

  1. Iktwo/components
  2. rschiang/material

Q. No document?

Just ask. Then the author will try to answer and make it as a document.

Q. Looking for iOS Native Component?

  1. benlau/quickios

Q. Any library for ...?

  1. Sharing
  2. bdentino/Qtino.SharingKit

Related Projects

  1. benlau/quickpromise - Promise library for QML
  2. benlau/quickflux - Message Dispatcher / Queue solution for QML

Ben Lau

View on Github

License: APACHE_2_0

Today 1
This week 1
This month 3
This year 109
Total 109