QtQuickOpenComponents: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 5: Line 5:
If you have built a component in QML that you'd like to share, please add it here! It will help others who are wishing to use similar types of components or just looking for tips on building QML components in general.
If you have built a component in QML that you'd like to share, please add it here! It will help others who are wishing to use similar types of components or just looking for tips on building QML components in general.


Qt also comes with a small set of example QML UI components, found in Qt's ''examples/declarative/ui-components'' directory (also visible from the "online documentation":http://doc.qt.nokia.com/4.7/qdeclarativeexamples.htm).
Qt also comes with a small set of example QML UI components, found in Qt's ''examples/declarative/ui-components'' directory (also visible from the "online documentation":http://doc.qt.nokia.com/4.7/qdeclarativeexamples.htm).


Before you go off and build a Widget Component set for Qt Quick, please remember that a standard set of Components is being developed in the "Qt-Components Project":http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72. "Contributions":http://gitorious.org/qt-components are welcome!
Before you go off and build a Widget Component set for Qt Quick, please remember that a standard set of Components is being developed in the "Qt-Components Project":http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72. "Contributions":http://gitorious.org/qt-components are welcome!


=== Formatting notes ===
=== Formatting notes ===
Line 13: Line 13:
Please add your components in this form:
Please add your components in this form:


[Name, linked to wiki page or external site]<br />[(Optional author name)]<br />[Description]
[Name, linked to wiki page or external site]
[(Optional author name)]
[Description]


== UI Components ==
== UI Components ==


=== &quot;Simple Button&amp;quot;:QmlComponentsButton ===
=== "Simple Button":QmlComponentsButton ===


(from the QML team)
(from the QML team)
Line 23: Line 25:
A very simple button with customizable text and font properties.
A very simple button with customizable text and font properties.


=== &quot;Drag and Drop&amp;quot;:http://bitbucket.org/gregschlom/qml-drag-drop ===
=== "Drag and Drop":http://bitbucket.org/gregschlom/qml-drag-drop ===


(Greg Schlomoff)
(Greg Schlomoff)
Line 29: Line 31:
A few QML components to add drag and drop support to Qt's declarative. This is basically a wrapper around Qt's drag and drop classes (QDrag).
A few QML components to add drag and drop support to Qt's declarative. This is basically a wrapper around Qt's drag and drop classes (QDrag).


=== &quot;Child Fader&amp;quot;:QmlComponentsChildFader ===
=== "Child Fader":QmlComponentsChildFader ===


(from the QML team)
(from the QML team)
Line 35: Line 37:
An element that gradually fades in all the children of a given object.
An element that gradually fades in all the children of a given object.


=== &quot;qmlunit&amp;quot;:http://github.com/fgrehm/qmlunit ===
=== "qmlunit":http://github.com/fgrehm/qmlunit ===


An easy-to-use Unit Testing framework for Qt Declarative UI - QML
An easy-to-use Unit Testing framework for Qt Declarative UI - QML


=== &quot;Scrollbar&amp;quot;:http://bitbucket.org/gregschlom/qmlscrollbar ===
=== "Scrollbar":http://bitbucket.org/gregschlom/qmlscrollbar ===


(Greg Schlomoff)
(Greg Schlomoff)
Line 45: Line 47:
A simple Scrollbar component that works with any Flikable (e.g.: ListView). Only for vertical scrolling, but should be easy to adapt for both.
A simple Scrollbar component that works with any Flikable (e.g.: ListView). Only for vertical scrolling, but should be easy to adapt for both.


=== &quot;QML Arsenal&amp;quot;:http://gitorious.org/qmlarsenal ===
=== "QML Arsenal":http://gitorious.org/qmlarsenal ===


(Adriano Rezende)
(Adriano Rezende)
Line 51: Line 53:
A set of useful QML components that can be used to extend your QML application.
A set of useful QML components that can be used to extend your QML application.


=== &quot;Colibri (Qt Quick COmponent LIBRary)&quot;:https://projects.forum.nokia.com/colibri ===
=== "Colibri (Qt Quick COmponent LIBRary)":https://projects.forum.nokia.com/colibri ===


Colibri (Qt Quick COmponent LIBRary) is a research project providing a set of UI components, initially developed by Digia and hosted by Forum Nokia, to get you started with cross-platform Qt Quick / QML application development. Colibri currently includes basic components such as buttons, scrollbars, and sliders, and a few more advanced ones like histograms and album carousel.
Colibri (Qt Quick COmponent LIBRary) is a research project providing a set of UI components, initially developed by Digia and hosted by Forum Nokia, to get you started with cross-platform Qt Quick / QML application development. Colibri currently includes basic components such as buttons, scrollbars, and sliders, and a few more advanced ones like histograms and album carousel.


=== &quot;Native Quick Widgets&amp;quot;:http://qt-apps.org/content/show.php/Native+Quick+Widgets?content=137145 ===
=== "Native Quick Widgets":http://qt-apps.org/content/show.php/Native+Quick+Widgets?content=137145 ===


(Víctor Fernández Martínez)
(Víctor Fernández Martínez)
Line 61: Line 63:
A QML extension written in C++ as well as a set of QML items based on it that have the same look as the native widgets of the platform your application runs in.
A QML extension written in C++ as well as a set of QML items based on it that have the same look as the native widgets of the platform your application runs in.


=== &quot;qmlcanvas&amp;quot;:http://qt.gitorious.org/qt-labs/qmlcanvas ===
=== "qmlcanvas":http://qt.gitorious.org/qt-labs/qmlcanvas ===


(Jens Bache-Wiig)
(Jens Bache-Wiig)
Line 69: Line 71:
== Model/View components ==
== Model/View components ==


=== &quot;JSONListModel&amp;quot;:https://github.com/kromain/qml-utils ===
=== "JSONListModel":https://github.com/kromain/qml-utils ===


(Romain Pokrzywka)
(Romain Pokrzywka)


A clone of XMLListModel for JSON data, including query support via JSONPath (XPath for JSON).
A clone of XMLListModel for JSON data, including query support via JSONPath (XPath for JSON).

Revision as of 09:34, 25 February 2015

h1. Qt Quick Components

This is a place for sharing your QML components.

If you have built a component in QML that you'd like to share, please add it here! It will help others who are wishing to use similar types of components or just looking for tips on building QML components in general.

Qt also comes with a small set of example QML UI components, found in Qt's examples/declarative/ui-components directory (also visible from the "online documentation":http://doc.qt.nokia.com/4.7/qdeclarativeexamples.htm).

Before you go off and build a Widget Component set for Qt Quick, please remember that a standard set of Components is being developed in the "Qt-Components Project":http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72. "Contributions":http://gitorious.org/qt-components are welcome!

Formatting notes

Please add your components in this form:

[Name, linked to wiki page or external site] [(Optional author name)] [Description]

UI Components

"Simple Button":QmlComponentsButton

(from the QML team)

A very simple button with customizable text and font properties.

"Drag and Drop":http://bitbucket.org/gregschlom/qml-drag-drop

(Greg Schlomoff)

A few QML components to add drag and drop support to Qt's declarative. This is basically a wrapper around Qt's drag and drop classes (QDrag).

"Child Fader":QmlComponentsChildFader

(from the QML team)

An element that gradually fades in all the children of a given object.

"qmlunit":http://github.com/fgrehm/qmlunit

An easy-to-use Unit Testing framework for Qt Declarative UI - QML

"Scrollbar":http://bitbucket.org/gregschlom/qmlscrollbar

(Greg Schlomoff)

A simple Scrollbar component that works with any Flikable (e.g.: ListView). Only for vertical scrolling, but should be easy to adapt for both.

"QML Arsenal":http://gitorious.org/qmlarsenal

(Adriano Rezende)

A set of useful QML components that can be used to extend your QML application.

"Colibri (Qt Quick COmponent LIBRary)":https://projects.forum.nokia.com/colibri

Colibri (Qt Quick COmponent LIBRary) is a research project providing a set of UI components, initially developed by Digia and hosted by Forum Nokia, to get you started with cross-platform Qt Quick / QML application development. Colibri currently includes basic components such as buttons, scrollbars, and sliders, and a few more advanced ones like histograms and album carousel.

"Native Quick Widgets":http://qt-apps.org/content/show.php/Native+Quick+Widgets?content=137145

(Víctor Fernández Martínez)

A QML extension written in C++ as well as a set of QML items based on it that have the same look as the native widgets of the platform your application runs in.

"qmlcanvas":http://qt.gitorious.org/qt-labs/qmlcanvas

(Jens Bache-Wiig)

HTML5 canvas-like API for QML.

Model/View components

"JSONListModel":https://github.com/kromain/qml-utils

(Romain Pokrzywka)

A clone of XMLListModel for JSON data, including query support via JSONPath (XPath for JSON).