Icon QML Type

Provides an icon More...

Import Statement: import quey.ui 0.1
Inherits:

Item

Properties

Detailed Description

Quey UI provides the Ionicons icon set but with renamed icon names. Look here for the icon names.

import QtQuick 2.4
import quey.ui 0.1
import Qt.labs.folderlistmodel 2.1

ApplicationView {
    width: Units.dp(640)
    height: Units.dp(480)

    Flickable {
        anchors.fill: parent
        contentHeight: flow.childrenRect.height

        Flow {
            id: flow
            width: parent.width

            Icon { id: icon }

            Repeater {
                model: FolderListModel {
                    id: folderModel
                    folder: icon.iconDirectory
                    nameFilters: ["*.svg"]
                }

                delegate: Icon {
                    source: Qt.resolvedUrl("file://"+filePath)
                    Component.onCompleted: console.log(filePath)
                }
            }
        }
    }
}

Property Documentation

color : color

The icon color.


iconDirectory : string


name : string

The icon name. This will pick the icon with the given name from the installed icon set.


size : real

The icon size. This is equal to width and height of the icon.


source : url

The icon source. Can be used instead of /l name.