QQUIComponentsComparison

h1. Qt Quick UI Components compared to their equivalents in other UI component sets

This comparison chart is used by the ongoing Qt Quick UI Components work.

{background:#009900}. |. QQ UI |. Qt Widgets |. Ubuntu |. Plasma |. Cascades |. Sailfish UI (Jolla) |. Symbian |. MeeGo |. Comments | (unused) |
|Button | "QPushButton":http://doc.qt.io/qt-5.0/qtwidgets/qpushbutton.html | "Button":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-button.html | "Button":http://api.kde.org/4.x-api/plasma-qml-apidocs/Button.html | "Button":https://developer.blackberry.com/cascades/reference/bbcascadesbutton.html | Button | "Button":http://doc.qt.digia.com/qt-components-symbian/qml-button.html | "Button":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-button.html | | |
| ButtonRow | | | "ButtonRow":http://api.kde.org/4.x-api/plasma-qml-apidocs/ButtonRow.html | - ("Button":https://developer.blackberry.com/cascades/reference/bbcascadesbutton.html and "StackLayout":https://developer.blackberry.com/cascades/reference/bbcascadesstacklayout.html) | | "ButtonRow":http://doc.qt.digia.com/qt-components-symbian/qml-buttonrow.html | "ButtonRow":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-buttonrow.html | | |
| ButtonColumn | | | "ButtonColumn":http://api.kde.org/4.x-api/plasma-qml-apidocs/ButtonColumn.html | | | "ButtonColumn":http://doc.qt.digia.com/qt-components-symbian/qml-buttoncolumn.html | "ButtonColumn":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-buttoncolumn.html | | |
| ToolButton | QToolButton | Button w/style | "ToolButton":http://api.kde.org/4.x-api/plasma-qml-apidocs/ToolButton.html | "ActionItem":https://developer.blackberry.com/cascades/reference/bbcascadesactionitem.html | IconButton | "ToolButton":http://doc.qt.digia.com/qt-components-symbian/qml-toolbutton.html | | | |
| CheckBox | QCheckBox | "CheckBox":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-checkbox.html | "CheckBok":http://api.kde.org/4.x-api/plasma-qml-apidocs/CheckBox.html | "CheckBox":https://developer.blackberry.com/cascades/reference/bbcascadescheckbox.html | | "CheckBox":http://doc.qt.digia.com/qt-components-symbian/qml-checkbox.html | "CheckBox":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-checkbox.html | | |
| | | | | | | "Checkable":http://doc.qt.digia.com/qt-components-symbian/qml-checkable.html | | | |
| | | | | | | "CheckableGroup":http://doc.qt.digia.com/qt-components-symbian/qml-checkablegroup.html | | | |
| RadioButton | QRadioButton | - | "RadioButton":http://api.kde.org/4.x-api/plasma-qml-apidocs/RadioButton.html | "RadioGroup":https://developer.blackberry.com/cascades/reference/bbcascadesradiogroup.html with "Option":https://developer.blackberry.com/cascades/reference/bbcascadesoption.html elements | - | "RadioButton":http://doc.qt.digia.com/qt-components-symbian/qml-radiobutton.html | "RadioButton":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-radiobutton.html | | |
| Switch | | "Switch":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-switch.html | "Switch":http://api.kde.org/4.x-api/plasma-qml-apidocs/Switch.html | "ToggleButton":https://developer.blackberry.com/cascades/reference/bbcascadestogglebutton.html | Switch | "Switch":http://doc.qt.digia.com/qt-components-symbian/qml-switch.html | "Switch":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-switch.html | | |
| Slider | QSlider | "Slider":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-slider.html | "Slider":http://api.kde.org/4.x-api/plasma-qml-apidocs/Slider.html | "Slider":https://developer.blackberry.com/cascades/reference/bbcascadesslider.html | Slider | "Slider":http://doc.qt.digia.com/qt-components-symbian/qml-slider.html | "Slider":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-slider.html | | |
| ProgressBar | QProgressBar | "ProgressBar":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-progressbar.html | "ProgressBar":http://api.kde.org/4.x-api/plasma-qml-apidocs/ProgressBar.html | "ProgressIndicator":https://developer.blackberry.com/cascades/reference/bbcascadesprogressindicator.html | read-only Slider | "ProgressBar":http://doc.qt.digia.com/qt-components-symbian/qml-progressbar.html | "ProgressBar":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-progressbar.html | | |
| TextField | | "TextField":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-textfield.html | "TextField":http://api.kde.org/4.x-api/plasma-qml-apidocs/TextField.html | "TextField":https://developer.blackberry.com/cascades/reference/bbcascadestextfield.html | TextField | "TextField":http://doc.qt.digia.com/qt-components-symbian/qml-textfield.html | "TextField":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-textfield.html | | |
| TextArea | | "TextArea":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-textarea.html | "TextArea":http://api.kde.org/4.x-api/plasma-qml-apidocs/TextArea.html | "TextArea":https://developer.blackberry.com/cascades/reference/bbcascadestextarea.html | TextArea | "TextArea":http://doc.qt.digia.com/qt-components-symbian/qml-textarea.html | "TextArea":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-textarea.html | Cosmetically decorated and resizable TextEdit item with built-in flickable/scrollarea | |
| Menu | QMenu | | - | | | "Menu":http://doc.qt.digia.com/qt-components-symbian/qml-menu.html | "Menu":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-menu.html | | |
| ContextMenu | | | "ContextMenu":http://api.kde.org/4.x-api/plasma-qml-apidocs/ContextMenu.html | - | ContextMenu | "ContextMenu":http://doc.qt.digia.com/qt-components-symbian/qml-contextmenu.html | "ContextMenu":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-contextmenu.html | | |
| | | | | | MenuItem | "MenuItem":http://doc.qt.digia.com/qt-components-symbian/qml-menuitem.html | "MenuItem":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-menuitem.html | | |
| ToolBar | QToolBar | - | "ToolBar":http://api.kde.org/4.x-api/plasma-qml-apidocs/ToolBar.html | actionBar (created and populated by using "ActionSet":https://developer.blackberry.com/cascades/reference/bbcascadesactionset.html) | - | "ToolBar":http://doc.qt.digia.com/qt-components-symbian/qml-toolbar.html | "ToolBar":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-toolbar.html | | |
| StatusBar | QStatusBar | StatusBar w/o user interaction| "ProgressBar":http://api.kde.org/4.x-api/plasma-qml-apidocs/ProgressBar.html |  | | "StatusBar":http://doc.qt.digia.com/qt-components-symbian/qml-statusbar.html | | | |
| BusyIndicator | | "ActivityIndicator":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-activityindicator.html | "BusyIndicator":http://api.kde.org/4.x-api/plasma-qml-apidocs/BusyIndicator.html | "ActivityIndicator":https://developer.blackberry.com/cascades/reference/bbcascadesactivityindicator.html | | "BusyIndicator":http://doc.qt.digia.com/qt-components-symbian/qml-busyindicator.html | "BusyIndicator":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-busyindicator.html | | |
| Page | | "Page":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-page.html | "Page":http://api.kde.org/4.x-api/plasma-qml-apidocs/Page.html | "Page":https://developer.blackberry.com/cascades/reference/bbcascadespage.html | Page | "Page":http://doc.qt.digia.com/qt-components-symbian/qml-page.html | "Page":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-page.html | | |
| PageStack | | "PageStack":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-pagestack.html | "PageStack":http://api.kde.org/4.x-api/plasma-qml-apidocs/PageStack.html | "NavigationPane":https://developer.blackberry.com/cascades/reference/bbcascadesnavigationpane.html | PageStack | "PageStack":http://doc.qt.digia.com/qt-components-symbian/qml-pagestack.html | "PageStack":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-pagestack.html | | |
| ApplicationWindow | QMainWindow | | "App":http://api.kde.org/4.x-api/plasma-qml-apidocs/App.html | - (but needed) | ApplicationWindow | "ApplicationWindow":http://doc.qt.digia.com/qt-components-symbian/qml-applicationwindow.html | "Window":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-window.html | | |
| SectionScroller | | - | "SectionScroller":http://api.kde.org/4.x-api/plasma-qml-apidocs/SectionScroller.html | | | "SectionScroller":http://doc.qt.digia.com/qt-components-symbian/qml-sectionscroller.html | "SectionScroller":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-sectionscroller.html | List lookup / alphabet scroller API | |
| ScrollArea | QScrollArea | | "ScrollArea":http://api.kde.org/4.x-api/plasma-qml-apidocs/ScrollArea.html | "ScrollView":https://developer.blackberry.com/cascades/reference/bbcascadesscrollview.html | - | | | Flickable/viewport with built-in decoration and scroll bar controls | |
| ScrollDecorator | | "Scrollbar":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-scrollbar.html | "ScrollBar":http://api.kde.org/4.x-api/plasma-qml-apidocs/ScrollBar.html | | | "ScrollBar":http://doc.qt.digia.com/qt-components-symbian/qml-scrollbar.html
"ScrollDecorator":http://doc.qt.digia.com/qt-components-symbian/qml-scrolldecorator.html | "ScrollDecorator":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-scrolldecorator.html | Somewhat conflicting with ScrollArea. But more convenient when using built-in QtQuick Views. | |
| | | | | | Vertical- ScrollDecorator | | | | |
| | | | | | Horizontal- ScrollDecorator | | | | |
| Label | QLabel | "Label":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-label.html | "Label":http://api.kde.org/4.x-api/plasma-qml-apidocs/Label.html | "Label":https://developer.blackberry.com/cascades/reference/bbcascadeslabel.html | Label | | | Raw Text element with system-specific font and colours | |
| | | "Tab":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-tab.html | | | | | | | |
| TabFrame /TabGroup | QTabWidget | "Tabs":http://developer.ubuntu.com/api/ubuntu-12.10/qml/mobile/qml-ubuntu-components0-tabs.html | "TabGroup":http://api.kde.org/4.x-api/plasma-qml-apidocs/TabGroup.html / "TabButton":http://api.kde.org/4.x-api/plasma-qml-apidocs/TabButton.html / TabBarLayout
| "TabbedPane":https://developer.blackberry.com/cascades/reference/bbcascadestabbedpane.html with "Tab":https://developer.blackberry.com/cascades/reference/bbcascadestab.html element to populate it | - | "TabGroup":http://doc.qt.digia.com/qt-components-symbian/qml-tabgroup.html | "TabGroup":http://harmattan-dev.nokia.com/docs/library/html/qt-components/qt-components-meego-tabgroup.html | | |
| TabBar | QTabBar | | "TabBar":http://api.kde.org/4.x-api/plasma-qml-apidocs/TabBar.html | | | "TabBar":http://doc.qt.digia.com/qt-components-symbian/qml-tabbar.html | | | |
| Icon | QIcon | | | | | | | | |
| | QListItem | | "ListItem":http://api.kde.org/4.x-api/plasma-qml-apidocs/ListItem.html | "StandardListItem":https://developer.blackberry.com/cascades/reference/bbcascades_standardlistitem.html | | | | | |
| Dial | QDial | | | | | | | | |