QML Material Design Component and Support Library for Android

Features

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

ImagePicker

Utility Components

InverseMouseArea, RectToRectMatrix, SystemDispatcher, MouseSensor

Installation Instruction (qpm)

For user who are already using qpm from qpm.io

1. Run qpm install

   qpm install com.github.benlau.quickandroid

2. Include vendor/vendor.pri in your .pro file

You may skip this step if you are already using qpm

include(vendor/vendor.pri)

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

Initalization

#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();
    provider->setBasePath("qrc:///res");
    view.engine()->addImageProvider("drawable",provider)

    /* End of QuickAndroid Initialization */

    view.setResizeMode(QQuickView::SizeRootObjectToView);
    view.setSource(QUrl(QStringLiteral("qrc:///splash.qml")));
    view.show();

    return app.exec();
}

Import the package within your QML file by :

import QuickAndroid 0.1

Demonstration

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

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

Class Reference (Under Construction)

Quick Android Class Reference

If you have any question, please feel free to ask.

License

Apache License 2.0

TODO

v0.1.6

1. Ink

v1.0

1. Switch
2. NavigationDrawer
3. Slider

Wish

1. SwipeableListItem
2. AssetsManager
3. Haptic Feedback

FAQ

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. 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