com.github.benlau.quickandroid

Material Design Component and Support Library for Android

version 0.1.6.1

To install:

❯ qpm install com.github.benlau.quickandroid

QML Material Design Component and Support Library for Android

Build Status

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.

Screenshot

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

Q. How to create splash screen for Android?

See Complete Guide to Making a Splash Screen for your QML Android Application — Medium

Related Projects

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

Ben Lau

Info
View on Github

License: APACHE_2_0

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

None.

Versions