The Lithe Project Development Team

QML-FlatUI

A QML framework to make UI designing easier

Usage

1. Obtain QML-FlatUI

• As Sub-Module

$ cd your/project/components/dir
$ git submodule add https://github.com/lithyriolu/QML-FlatUI

• As Local Folder

$ cd your/project/components/dir
$ git clone https://github.com/lithyriolu/QML-FlatUI

2. Use in your work a.

• Open QtCreator
• Right click qml.qrc
• Click Add Existing Directory...
• Find QML-FlatUI within the project directory

Example Use

import QtQuick 2.12                 // 2.8+ is needed to work correctly
import "find/location/of/FlatUI"    // Imports the use of the components

FlatButton {
    /*
      ...
    */
    style.name: "success" // This defines the colour used located from within `FlatButtonStyle.qml` & `FlatUI.qml`
}

FlatInput {
    /*
      ...
    */
    enabled: false        // Can we type in the box?
    style.name: "success" // Same rules apply as above but located in `FlatInputStyle.qml` & `FlatUI.qml`
}