QtQuickOpenComponents: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
Line 1: Line 1:
=Qt Quick Components=
h1. Qt Quick Components


This is a place for sharing your <span class="caps">QML</span> components.
This is a place for sharing your QML components.


If you have built a component in <span class="caps">QML</span> 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 <span class="caps">QML</span> 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 <span class="caps">QML</span> 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] ''[doc.qt.nokia.com]'').
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 &quot;online documentation&amp;quot;: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 [http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72 Qt-Components Project] ''[bugreports.qt.nokia.com]''. [http://gitorious.org/qt-components Contributions] ''[gitorious.org]'' 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 &quot;Qt-Components Project&amp;quot;:http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72. &quot;Contributions&amp;quot;:http://gitorious.org/qt-components are welcome!


===Formatting notes===
=== Formatting notes ===


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]<br />[(Optional author name)]<br />[Description]


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


===[[QmlComponentsButton|Simple Button]]===
=== &quot;Simple Button&amp;quot;:QmlComponentsButton ===


(from the <span class="caps">QML</span> team)
(from the QML team)


A very simple button with customizable text and font properties.
A very simple button with customizable text and font properties.


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


(Greg Schlomoff)
(Greg Schlomoff)


A few <span class="caps">QML</span> 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).


===[[QmlComponentsChildFader|Child Fader]]===
=== &quot;Child Fader&amp;quot;:QmlComponentsChildFader ===


(from the <span class="caps">QML</span> team)
(from the QML team)


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.


===[http://github.com/fgrehm/qmlunit qmlunit] ''[github.com]''===
=== &quot;qmlunit&amp;quot;:http://github.com/fgrehm/qmlunit ===


An easy-to-use Unit Testing framework for Qt Declarative UI – <span class="caps">QML</span>
An easy-to-use Unit Testing framework for Qt Declarative UI - QML


===[http://bitbucket.org/gregschlom/qmlscrollbar Scrollbar] ''[bitbucket.org]''===
=== &quot;Scrollbar&amp;quot;:http://bitbucket.org/gregschlom/qmlscrollbar ===


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


===[http://gitorious.org/qmlarsenal <span class="caps">QML</span> Arsenal] ''[gitorious.org]''===
=== &quot;QML Arsenal&amp;quot;:http://gitorious.org/qmlarsenal ===


(Adriano Rezende)
(Adriano Rezende)


A set of useful <span class="caps">QML</span> components that can be used to extend your <span class="caps">QML</span> application.
A set of useful QML components that can be used to extend your QML application.


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


Colibri (Qt Quick COmponent <span class="caps">LIBR</span>ary) 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 / <span class="caps">QML</span> 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.


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


(Víctor Fernández Martínez)
(Víctor Fernández Martínez)


A <span class="caps">QML</span> extension written in C++ as well as a set of <span class="caps">QML</span> 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.


===[http://qt.gitorious.org/qt-labs/qmlcanvas qmlcanvas] ''[qt.gitorious.org]''===
=== &quot;qmlcanvas&amp;quot;:http://qt.gitorious.org/qt-labs/qmlcanvas ===


(Jens Bache-Wiig)
(Jens Bache-Wiig)


HTML5 canvas-like <span class="caps">API</span> for <span class="caps">QML</span>.
HTML5 canvas-like API for QML.


==Model/View components==
== Model/View components ==


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


(Romain Pokrzywka)
(Romain Pokrzywka)


A clone of XMLListModel for <span class="caps">JSON</span> data, including query support via <span class="caps">JSONP</span>ath (XPath for <span class="caps">JSON</span>).
A clone of XMLListModel for JSON data, including query support via JSONPath (XPath for JSON).

Revision as of 09:05, 24 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&quot;: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&quot;:http://bugreports.qt.nokia.com/browse/QTCOMPONENTS-72. "Contributions&quot;: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&quot;:QmlComponentsButton

(from the QML team)

A very simple button with customizable text and font properties.

"Drag and Drop&quot;: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&quot;:QmlComponentsChildFader

(from the QML team)

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

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

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

"Scrollbar&quot;: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&quot;: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&quot;: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&quot;:http://qt.gitorious.org/qt-labs/qmlcanvas

(Jens Bache-Wiig)

HTML5 canvas-like API for QML.

Model/View components

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

(Romain Pokrzywka)

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