QQUIComponentsComparison: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
No edit summary
 
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
=Qt Quick UI Components compared to their equivalents in other UI component sets=
{{Cleanup | reason=Auto-imported from ExpressionEngine.}}


This comparison chart is used by the ongoing [[Qt Quick Components|Qt Quick UI Components]] work.
= Qt Quick UI Components compared to their equivalents in other UI component sets =
This comparison chart is used by the ongoing [[Qt_Quick_Components|Qt Quick UI Components]] work.


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

Latest revision as of 08:02, 25 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.

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.

QQ UI Qt Widgets Ubuntu Plasma Cascades Sailfish UI (Jolla) Symbian MeeGo Comments (unused)
Button QPushButton Button Button Button Button Button
ButtonRow ButtonRow - (Button and StackLayout) ButtonRow ButtonRow
ButtonColumn ButtonColumn ButtonColumn ButtonColumn
ToolButton QToolButton Button w/style ToolButton ActionItem IconButton ToolButton
CheckBox QCheckBox CheckBox CheckBok CheckBox CheckBox CheckBox
Checkable
CheckableGroup
RadioButton QRadioButton - RadioButton RadioGroup with Option elements - RadioButton RadioButton
Switch Switch Switch ToggleButton Switch Switch Switch
Slider QSlider Slider Slider Slider Slider Slider Slider
ProgressBar QProgressBar ProgressBar ProgressBar ProgressIndicator read-only Slider ProgressBar ProgressBar
TextField TextField TextField TextField TextField TextField TextField
TextArea TextArea TextArea TextArea TextArea TextArea TextArea Cosmetically decorated and resizable TextEdit item with built-in flickable/scrollarea
Menu QMenu - Menu Menu
ContextMenu ContextMenu - ContextMenu ContextMenu ContextMenu
MenuItem MenuItem MenuItem
ToolBar QToolBar - ToolBar actionBar (created and populated by using ActionSet) - ToolBar ToolBar
StatusBar QStatusBar  StatusBar w/o user interaction ProgressBar     StatusBar    
BusyIndicator ActivityIndicator BusyIndicator ActivityIndicator BusyIndicator BusyIndicator
Page Page Page Page Page Page Page
PageStack PageStack PageStack NavigationPane PageStack PageStack PageStack
ApplicationWindow QMainWindow App - (but needed) ApplicationWindow ApplicationWindow Window
SectionScroller - SectionScroller SectionScroller SectionScroller List lookup / alphabet scroller API
ScrollArea QScrollArea ScrollArea ScrollView - Flickable/viewport with built-in decoration and scroll bar controls
ScrollDecorator Scrollbar ScrollBar ScrollBar

ScrollDecorator

ScrollDecorator Somewhat conflicting with ScrollArea. But more convenient when using built-in QtQuick Views.
Vertical- ScrollDecorator
Horizontal- ScrollDecorator
Label QLabel Label Label Label Label Raw Text element with system-specific font and colours
Tab  
TabFrame /TabGroup QTabWidget Tabs TabGroup / TabButton / TabBarLayout TabbedPane with Tab element to populate it - TabGroup TabGroup
TabBar QTabBar TabBar TabBar
Icon QIcon
QListItem ListItem StandardListItem
Dial QDial