QtQuickOpenComponents: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
(Add "cleanup" tag)
(Convert ExpressionEngine links)
Line 7: Line 7:
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 [http://doc.qt.nokia.com/4.7/qdeclarativeexamples.htm online documentation]).


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 [http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72 Qt-Components Project]. [http://gitorious.org/qt-components Contributions] are welcome!


=== Formatting notes ===
=== Formatting notes ===
Line 27: Line 27:
A very simple button with customizable text and font properties.
A very simple button with customizable text and font properties.


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


(Greg Schlomoff)
(Greg Schlomoff)
Line 39: Line 39:
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.


=== "qmlunit":http://github.com/fgrehm/qmlunit ===
=== [http://github.com/fgrehm/qmlunit 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


=== "Scrollbar":http://bitbucket.org/gregschlom/qmlscrollbar ===
=== [http://bitbucket.org/gregschlom/qmlscrollbar Scrollbar] ===


(Greg Schlomoff)
(Greg Schlomoff)
Line 49: Line 49:
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.


=== "QML Arsenal":http://gitorious.org/qmlarsenal ===
=== [http://gitorious.org/qmlarsenal QML Arsenal] ===


(Adriano Rezende)
(Adriano Rezende)
Line 55: Line 55:
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.


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


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.


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


(Víctor Fernández Martínez)
(Víctor Fernández Martínez)
Line 65: Line 65:
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.


=== "qmlcanvas":http://qt.gitorious.org/qt-labs/qmlcanvas ===
=== [http://qt.gitorious.org/qt-labs/qmlcanvas qmlcanvas] ===


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


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


(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 15:27, 4 March 2015

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

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

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

(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

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

Scrollbar

(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

(Adriano Rezende)

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

Colibri (Qt Quick COmponent LIBRary)

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

(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

(Jens Bache-Wiig)

HTML5 canvas-like API for QML.

Model/View components

JSONListModel

(Romain Pokrzywka)

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