QQUIComponentsComparison: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 3: Line 3:
This comparison chart is used by the ongoing [[Qt_Quick_Components|Qt Quick UI Components]] work.
This comparison chart is used by the ongoing [[Qt_Quick_Components|Qt Quick UI Components]] work.


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

Revision as of 10:01, 25 February 2015

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