From 830596edf2a1fa686e6cf36d4ad4b77e38812cb7 Mon Sep 17 00:00:00 2001
From: Mitch Curtis <mitch.curtis@qt.io>
Date: Wed, 1 Nov 2017 15:43:53 +0100
Subject: Add Music Player Imagine style example

Change-Id: If285e90d25d497155c060907b8f8c60859e55a9a
Reviewed-by: J-P Nurmi <jpnurmi@qt.io>
---
 .../doc/images/qtquickcontrols2-musicplayer.png    | Bin 0 -> 1457884 bytes
 .../doc/src/qtquickcontrols2-musicplayer.qdoc      |  57 ++
 .../imagine/musicplayer/icons/icons.qrc            |  40 ++
 .../icons/musicplayer/32x32/bluetooth.png          | Bin 0 -> 556 bytes
 .../musicplayer/icons/musicplayer/32x32/cart.png   | Bin 0 -> 425 bytes
 .../musicplayer/icons/musicplayer/32x32/cloud.png  | Bin 0 -> 525 bytes
 .../icons/musicplayer/32x32/favorite.png           | Bin 0 -> 379 bytes
 .../musicplayer/icons/musicplayer/32x32/filter.png | Bin 0 -> 441 bytes
 .../musicplayer/icons/musicplayer/32x32/folder.png | Bin 0 -> 279 bytes
 .../icons/musicplayer/32x32/message.png            | Bin 0 -> 466 bytes
 .../musicplayer/icons/musicplayer/32x32/music.png  | Bin 0 -> 454 bytes
 .../musicplayer/icons/musicplayer/32x32/next.png   | Bin 0 -> 201 bytes
 .../musicplayer/icons/musicplayer/32x32/pause.png  | Bin 0 -> 141 bytes
 .../musicplayer/icons/musicplayer/32x32/power.png  | Bin 0 -> 710 bytes
 .../icons/musicplayer/32x32/previous.png           | Bin 0 -> 203 bytes
 .../musicplayer/icons/musicplayer/32x32/repeat.png | Bin 0 -> 328 bytes
 .../musicplayer/icons/musicplayer/32x32/save.png   | Bin 0 -> 419 bytes
 .../icons/musicplayer/32x32/settings.png           | Bin 0 -> 499 bytes
 .../icons/musicplayer/32x32/shuffle.png            | Bin 0 -> 366 bytes
 .../musicplayer/icons/musicplayer/32x32/stop.png   | Bin 0 -> 157 bytes
 .../icons/musicplayer/32x32@2/bluetooth.png        | Bin 0 -> 1202 bytes
 .../musicplayer/icons/musicplayer/32x32@2/cart.png | Bin 0 -> 782 bytes
 .../icons/musicplayer/32x32@2/cloud.png            | Bin 0 -> 1003 bytes
 .../icons/musicplayer/32x32@2/favorite.png         | Bin 0 -> 744 bytes
 .../icons/musicplayer/32x32@2/filter.png           | Bin 0 -> 872 bytes
 .../icons/musicplayer/32x32@2/folder.png           | Bin 0 -> 437 bytes
 .../musicplayer/icons/musicplayer/32x32@2/grid.png | Bin 0 -> 177 bytes
 .../icons/musicplayer/32x32@2/message.png          | Bin 0 -> 850 bytes
 .../icons/musicplayer/32x32@2/music.png            | Bin 0 -> 842 bytes
 .../musicplayer/icons/musicplayer/32x32@2/next.png | Bin 0 -> 354 bytes
 .../icons/musicplayer/32x32@2/pause.png            | Bin 0 -> 163 bytes
 .../icons/musicplayer/32x32@2/power.png            | Bin 0 -> 1329 bytes
 .../icons/musicplayer/32x32@2/previous.png         | Bin 0 -> 436 bytes
 .../icons/musicplayer/32x32@2/repeat.png           | Bin 0 -> 634 bytes
 .../musicplayer/icons/musicplayer/32x32@2/save.png | Bin 0 -> 496 bytes
 .../icons/musicplayer/32x32@2/settings.png         | Bin 0 -> 960 bytes
 .../icons/musicplayer/32x32@2/shuffle.png          | Bin 0 -> 724 bytes
 .../musicplayer/icons/musicplayer/32x32@2/stop.png | Bin 0 -> 242 bytes
 .../musicplayer/icons/musicplayer/icons.svg        | 648 +++++++++++++++++++++
 .../musicplayer/icons/musicplayer/index.theme      |  14 +
 .../imagine/musicplayer/images/album-cover.jpg     | Bin 0 -> 917863 bytes
 .../applicationwindow-background.png               | Bin 0 -> 82 bytes
 .../button-background-checked-hovered.9.png        | Bin 0 -> 1446 bytes
 .../button-background-checked-hovered@2x.9.png     | Bin 0 -> 4150 bytes
 .../imagine-assets/button-background-checked.9.png | Bin 0 -> 1353 bytes
 .../button-background-checked@2x.9.png             | Bin 0 -> 4049 bytes
 .../button-background-disabled.9.png               | Bin 0 -> 543 bytes
 .../button-background-disabled@2x.9.png            | Bin 0 -> 1509 bytes
 .../imagine-assets/button-background-hovered.9.png | Bin 0 -> 1444 bytes
 .../button-background-hovered@2x.9.png             | Bin 0 -> 3855 bytes
 .../imagine-assets/button-background-pressed.9.png | Bin 0 -> 1437 bytes
 .../button-background-pressed@2x.9.png             | Bin 0 -> 4048 bytes
 .../imagine-assets/button-background.9.png         | Bin 0 -> 1368 bytes
 .../imagine-assets/button-background@2x.9.png      | Bin 0 -> 3813 bytes
 .../combobox-background-hovered.9.png              | Bin 0 -> 4220 bytes
 .../combobox-background-hovered@2x.9.png           | Bin 0 -> 15135 bytes
 .../imagine-assets/combobox-background-open.9.png  | Bin 0 -> 4197 bytes
 .../combobox-background-open@2x.9.png              | Bin 0 -> 14766 bytes
 .../combobox-background-pressed.9.png              | Bin 0 -> 4254 bytes
 .../combobox-background-pressed@2x.9.png           | Bin 0 -> 14995 bytes
 .../imagine-assets/combobox-background.9.png       | Bin 0 -> 4283 bytes
 .../imagine-assets/combobox-background@2x.9.png    | Bin 0 -> 14357 bytes
 .../imagine-assets/combobox-indicator-hovered.png  | Bin 0 -> 390 bytes
 .../combobox-indicator-hovered@2x.png              | Bin 0 -> 961 bytes
 .../imagine-assets/combobox-indicator-open.png     | Bin 0 -> 415 bytes
 .../imagine-assets/combobox-indicator-open@2x.png  | Bin 0 -> 929 bytes
 .../imagine-assets/combobox-indicator-pressed.png  | Bin 0 -> 373 bytes
 .../combobox-indicator-pressed@2x.png              | Bin 0 -> 955 bytes
 .../imagine-assets/combobox-indicator.png          | Bin 0 -> 381 bytes
 .../imagine-assets/combobox-indicator@2x.png       | Bin 0 -> 970 bytes
 .../imagine-assets/combobox-popup.9.png            | Bin 0 -> 2437 bytes
 .../imagine-assets/combobox-popup@2x.9.png         | Bin 0 -> 5349 bytes
 .../imagine-assets/dial-background-hovered.png     | Bin 0 -> 11658 bytes
 .../imagine-assets/dial-background-hovered@2x.png  | Bin 0 -> 36836 bytes
 .../imagine-assets/dial-background-pressed.png     | Bin 0 -> 13807 bytes
 .../imagine-assets/dial-background-pressed@2x.png  | Bin 0 -> 46319 bytes
 .../musicplayer/imagine-assets/dial-background.png | Bin 0 -> 12858 bytes
 .../imagine-assets/dial-background@2x.png          | Bin 0 -> 43910 bytes
 .../imagine-assets/dial-handle-pressed.png         | Bin 0 -> 528 bytes
 .../imagine-assets/dial-handle-pressed@2x.png      | Bin 0 -> 1091 bytes
 .../musicplayer/imagine-assets/dial-handle.png     | Bin 0 -> 478 bytes
 .../musicplayer/imagine-assets/dial-handle@2x.png  | Bin 0 -> 852 bytes
 .../imagine-assets/frame-background.9.png          | Bin 0 -> 353 bytes
 .../imagine-assets/frame-background@2x.9.png       | Bin 0 -> 451 bytes
 .../musicplayer/imagine-assets/imagine-assets.qrc  | 113 ++++
 .../itemdelegate-background-checked.9.png          | Bin 0 -> 1552 bytes
 .../itemdelegate-background-checked@2x.9.png       | Bin 0 -> 3489 bytes
 .../itemdelegate-background-disabled.9.png         | Bin 0 -> 241 bytes
 .../itemdelegate-background-disabled@2x.9.png      | Bin 0 -> 254 bytes
 .../itemdelegate-background-hovered.9.png          | Bin 0 -> 1490 bytes
 .../itemdelegate-background-hovered@2x.9.png       | Bin 0 -> 3316 bytes
 .../itemdelegate-background-pressed.9.png          | Bin 0 -> 1572 bytes
 .../itemdelegate-background-pressed@2x.9.png       | Bin 0 -> 3534 bytes
 .../imagine-assets/itemdelegate-background.9.png   | Bin 0 -> 241 bytes
 .../itemdelegate-background@2x.9.png               | Bin 0 -> 254 bytes
 .../roundbutton-background-checked-hovered.png     | Bin 0 -> 2109 bytes
 .../roundbutton-background-checked-hovered@2x.png  | Bin 0 -> 5930 bytes
 .../roundbutton-background-checked.png             | Bin 0 -> 1883 bytes
 .../roundbutton-background-checked@2x.png          | Bin 0 -> 5271 bytes
 .../roundbutton-background-disabled.png            | Bin 0 -> 1073 bytes
 .../roundbutton-background-disabled@2x.png         | Bin 0 -> 3011 bytes
 .../roundbutton-background-hovered.png             | Bin 0 -> 1901 bytes
 .../roundbutton-background-hovered@2x.png          | Bin 0 -> 5306 bytes
 .../roundbutton-background-pressed.png             | Bin 0 -> 1886 bytes
 .../roundbutton-background-pressed@2x.png          | Bin 0 -> 5263 bytes
 .../imagine-assets/roundbutton-background.png      | Bin 0 -> 1802 bytes
 .../imagine-assets/roundbutton-background@2x.png   | Bin 0 -> 5131 bytes
 .../scrollbar-handle-interactive-hovered.png       | Bin 0 -> 199 bytes
 .../scrollbar-handle-interactive-hovered@2x.png    | Bin 0 -> 199 bytes
 .../scrollbar-handle-interactive-pressed.png       | Bin 0 -> 199 bytes
 .../scrollbar-handle-interactive-pressed@2x.png    | Bin 0 -> 199 bytes
 .../scrollbar-handle-interactive.png               | Bin 0 -> 199 bytes
 .../scrollbar-handle-interactive@2x.png            | Bin 0 -> 199 bytes
 .../slider-background-horizontal-disabled.9.png    | Bin 0 -> 340 bytes
 .../slider-background-horizontal-disabled@2x.9.png | Bin 0 -> 539 bytes
 .../slider-background-horizontal.9.png             | Bin 0 -> 353 bytes
 .../slider-background-horizontal@2x.9.png          | Bin 0 -> 550 bytes
 .../slider-background-vertical-disabled.9.png      | Bin 0 -> 355 bytes
 .../slider-background-vertical-disabled@2x.9.png   | Bin 0 -> 474 bytes
 .../slider-background-vertical.9.png               | Bin 0 -> 344 bytes
 .../slider-background-vertical@2x.9.png            | Bin 0 -> 501 bytes
 .../imagine-assets/slider-handle-disabled.png      | Bin 0 -> 639 bytes
 .../imagine-assets/slider-handle-disabled@2x.png   | Bin 0 -> 1069 bytes
 .../imagine-assets/slider-handle-hovered.png       | Bin 0 -> 1342 bytes
 .../imagine-assets/slider-handle-hovered@2x.png    | Bin 0 -> 3642 bytes
 .../musicplayer/imagine-assets/slider-handle.png   | Bin 0 -> 1333 bytes
 .../imagine-assets/slider-handle@2x.png            | Bin 0 -> 3593 bytes
 .../slider-progress-horizontal.9.png               | Bin 0 -> 353 bytes
 .../slider-progress-horizontal@2x.9.png            | Bin 0 -> 550 bytes
 .../slider-progress-vertical-disabled.9.png        | Bin 0 -> 344 bytes
 .../slider-progress-vertical-disabled@2x.9.png     | Bin 0 -> 501 bytes
 .../imagine-assets/slider-progress-vertical.9.png  | Bin 0 -> 344 bytes
 .../slider-progress-vertical@2x.9.png              | Bin 0 -> 501 bytes
 .../textfield-background-disabled.9.png            | Bin 0 -> 377 bytes
 .../textfield-background-disabled@2x.9.png         | Bin 0 -> 495 bytes
 .../imagine-assets/textfield-background.9.png      | Bin 0 -> 379 bytes
 .../imagine-assets/textfield-background@2x.9.png   | Bin 0 -> 535 bytes
 .../imagine-assets/toolbar-background.9.png        | Bin 0 -> 405 bytes
 .../imagine-assets/toolbar-background@2x.9.png     | Bin 0 -> 584 bytes
 .../toolbutton-background-checked-hovered.9.png    | Bin 0 -> 1628 bytes
 .../toolbutton-background-checked-hovered@2x.9.png | Bin 0 -> 3508 bytes
 .../toolbutton-background-checked.9.png            | Bin 0 -> 1533 bytes
 .../toolbutton-background-checked@2x.9.png         | Bin 0 -> 3516 bytes
 .../toolbutton-background-hovered.9.png            | Bin 0 -> 1509 bytes
 .../toolbutton-background-hovered@2x.9.png         | Bin 0 -> 3475 bytes
 .../toolbutton-background-pressed.9.png            | Bin 0 -> 1599 bytes
 .../toolbutton-background-pressed@2x.9.png         | Bin 0 -> 3509 bytes
 .../imagine-assets/toolbutton-background.9.png     | Bin 0 -> 1469 bytes
 .../imagine-assets/toolbutton-background@2x.9.png  | Bin 0 -> 3314 bytes
 .../imagine-assets/tooltip-background.9.png        | Bin 0 -> 2576 bytes
 .../imagine-assets/tooltip-background@2x.9.png     | Bin 0 -> 4783 bytes
 .../imagine/musicplayer/musicplayer.cpp            |  73 +++
 .../imagine/musicplayer/musicplayer.pro            |  16 +
 .../imagine/musicplayer/musicplayer.qml            | 467 +++++++++++++++
 .../imagine/musicplayer/qtquickcontrols2.conf      |  10 +
 155 files changed, 1438 insertions(+)
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/doc/images/qtquickcontrols2-musicplayer.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/doc/src/qtquickcontrols2-musicplayer.qdoc
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/icons.qrc
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/bluetooth.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cart.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cloud.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/favorite.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/filter.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/folder.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/message.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/music.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/next.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/pause.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/power.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/previous.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/repeat.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/save.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/settings.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/shuffle.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/stop.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/bluetooth.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cart.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cloud.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/favorite.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/filter.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/folder.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/grid.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/message.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/music.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/next.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/pause.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/power.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/previous.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/repeat.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/save.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/settings.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/shuffle.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/stop.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/icons.svg
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/index.theme
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/images/album-cover.jpg
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/applicationwindow-background.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/imagine-assets.qrc
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle@2x.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background@2x.9.png
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/musicplayer.cpp
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/musicplayer.pro
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/musicplayer.qml
 create mode 100644 examples/quickcontrols2/imagine/musicplayer/qtquickcontrols2.conf

(limited to 'examples/quickcontrols2/imagine')

diff --git a/examples/quickcontrols2/imagine/musicplayer/doc/images/qtquickcontrols2-musicplayer.png b/examples/quickcontrols2/imagine/musicplayer/doc/images/qtquickcontrols2-musicplayer.png
new file mode 100644
index 00000000..25b6344f
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/doc/images/qtquickcontrols2-musicplayer.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/doc/src/qtquickcontrols2-musicplayer.qdoc b/examples/quickcontrols2/imagine/musicplayer/doc/src/qtquickcontrols2-musicplayer.qdoc
new file mode 100644
index 00000000..cca44e83
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/doc/src/qtquickcontrols2-musicplayer.qdoc
@@ -0,0 +1,57 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the documentation of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:FDL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU Free Documentation License Usage
+** Alternatively, this file may be used under the terms of the GNU Free
+** Documentation License version 1.3 as published by the Free Software
+** Foundation and appearing in the file included in the packaging of
+** this file. Please review the following information to ensure
+** the GNU Free Documentation License version 1.3 requirements
+** will be met: https://www.gnu.org/licenses/fdl-1.3.html.
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+/*!
+    \example musicplayer
+    \title Qt Quick Controls 2 - Imagine Style Example: Music Player
+    \ingroup qtquickcontrols2-examples
+    \brief An audio player user interface using custom Imagine style assets.
+
+    This example demonstrates how custom Imagine style assets
+    can be used to style a user interface for an audio player application.
+
+    \image qtquickcontrols2-musicplayer.png
+
+    \omit
+    The assets are generated from a Photoshop file: \e musicplayer.psd.
+    This file can found in the \e design folder in the example directory.
+    All objects related to a particular asset are collected in a layer group.
+    For example, the assets for Button's background element are under a layer group with the following name:
+
+    \badcode
+    100% button-background.9.png, 200% button-background@2x.9.png, 300% button-background@3x.9.png, 400% button-background@4x.9.png
+    \endcode
+
+    Using Photoshop's \l {Generate Image Assets}{https://helpx.adobe.com/photoshop/using/generate-assets-layers.html} feature,
+    the size and name for each asset are encoded into the name of the layer group.
+
+    Where applicable, \l {Smart Objects}{https://helpx.adobe.com/photoshop/using/create-smart-objects.html}
+    are used to reduce duplication for common objects such as 9-patch lines.
+    \endomit
+
+    \include examples-run.qdocinc
+*/
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/icons.qrc b/examples/quickcontrols2/imagine/musicplayer/icons/icons.qrc
new file mode 100644
index 00000000..870b4445
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/icons/icons.qrc
@@ -0,0 +1,40 @@
+<RCC>
+    <qresource prefix="/icons">
+        <file>musicplayer/index.theme</file>
+        <file>musicplayer/32x32/bluetooth.png</file>
+        <file>musicplayer/32x32/cart.png</file>
+        <file>musicplayer/32x32/cloud.png</file>
+        <file>musicplayer/32x32/filter.png</file>
+        <file>musicplayer/32x32/folder.png</file>
+        <file>musicplayer/32x32/message.png</file>
+        <file>musicplayer/32x32/music.png</file>
+        <file>musicplayer/32x32/next.png</file>
+        <file>musicplayer/32x32/pause.png</file>
+        <file>musicplayer/32x32/power.png</file>
+        <file>musicplayer/32x32/previous.png</file>
+        <file>musicplayer/32x32/repeat.png</file>
+        <file>musicplayer/32x32/save.png</file>
+        <file>musicplayer/32x32/settings.png</file>
+        <file>musicplayer/32x32/shuffle.png</file>
+        <file>musicplayer/32x32/stop.png</file>
+        <file>musicplayer/32x32@2/bluetooth.png</file>
+        <file>musicplayer/32x32@2/cart.png</file>
+        <file>musicplayer/32x32@2/cloud.png</file>
+        <file>musicplayer/32x32@2/filter.png</file>
+        <file>musicplayer/32x32@2/folder.png</file>
+        <file>musicplayer/32x32@2/grid.png</file>
+        <file>musicplayer/32x32@2/message.png</file>
+        <file>musicplayer/32x32@2/music.png</file>
+        <file>musicplayer/32x32@2/next.png</file>
+        <file>musicplayer/32x32@2/pause.png</file>
+        <file>musicplayer/32x32@2/power.png</file>
+        <file>musicplayer/32x32@2/previous.png</file>
+        <file>musicplayer/32x32@2/repeat.png</file>
+        <file>musicplayer/32x32@2/save.png</file>
+        <file>musicplayer/32x32@2/settings.png</file>
+        <file>musicplayer/32x32@2/shuffle.png</file>
+        <file>musicplayer/32x32@2/stop.png</file>
+        <file>musicplayer/32x32/favorite.png</file>
+        <file>musicplayer/32x32@2/favorite.png</file>
+    </qresource>
+</RCC>
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/bluetooth.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/bluetooth.png
new file mode 100644
index 00000000..925f564c
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/bluetooth.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cart.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cart.png
new file mode 100644
index 00000000..4d5ad099
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cart.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cloud.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cloud.png
new file mode 100644
index 00000000..62ef5118
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/cloud.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/favorite.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/favorite.png
new file mode 100644
index 00000000..16ea84de
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/favorite.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/filter.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/filter.png
new file mode 100644
index 00000000..4472cead
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/filter.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/folder.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/folder.png
new file mode 100644
index 00000000..5dd05778
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/folder.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/message.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/message.png
new file mode 100644
index 00000000..1d93b3c6
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/message.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/music.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/music.png
new file mode 100644
index 00000000..44489213
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/music.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/next.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/next.png
new file mode 100644
index 00000000..ab9164e8
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/next.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/pause.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/pause.png
new file mode 100644
index 00000000..9c9ef8fa
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/pause.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/power.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/power.png
new file mode 100644
index 00000000..8f7d0c77
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/power.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/previous.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/previous.png
new file mode 100644
index 00000000..3a0880fd
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/previous.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/repeat.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/repeat.png
new file mode 100644
index 00000000..7c8e8c1c
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/repeat.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/save.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/save.png
new file mode 100644
index 00000000..c0b27483
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/save.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/settings.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/settings.png
new file mode 100644
index 00000000..7992146a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/settings.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/shuffle.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/shuffle.png
new file mode 100644
index 00000000..885782a2
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/shuffle.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/stop.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/stop.png
new file mode 100644
index 00000000..3e9c3327
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32/stop.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/bluetooth.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/bluetooth.png
new file mode 100644
index 00000000..2e70afc3
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/bluetooth.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cart.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cart.png
new file mode 100644
index 00000000..5717dd65
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cart.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cloud.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cloud.png
new file mode 100644
index 00000000..ce5ab9f9
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/cloud.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/favorite.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/favorite.png
new file mode 100644
index 00000000..ddc9aa45
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/favorite.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/filter.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/filter.png
new file mode 100644
index 00000000..3632c556
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/filter.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/folder.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/folder.png
new file mode 100644
index 00000000..49d41e20
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/folder.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/grid.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/grid.png
new file mode 100644
index 00000000..8a1624e7
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/grid.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/message.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/message.png
new file mode 100644
index 00000000..6650f26b
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/message.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/music.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/music.png
new file mode 100644
index 00000000..2cb8d49a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/music.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/next.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/next.png
new file mode 100644
index 00000000..d7bb4b27
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/next.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/pause.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/pause.png
new file mode 100644
index 00000000..8a081d02
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/pause.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/power.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/power.png
new file mode 100644
index 00000000..1201e55b
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/power.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/previous.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/previous.png
new file mode 100644
index 00000000..4236afdb
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/previous.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/repeat.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/repeat.png
new file mode 100644
index 00000000..c8cb06d8
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/repeat.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/save.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/save.png
new file mode 100644
index 00000000..448b25e4
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/save.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/settings.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/settings.png
new file mode 100644
index 00000000..12a0cf6b
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/settings.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/shuffle.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/shuffle.png
new file mode 100644
index 00000000..22b901cc
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/shuffle.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/stop.png b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/stop.png
new file mode 100644
index 00000000..0521a943
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/32x32@2/stop.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/icons.svg b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/icons.svg
new file mode 100644
index 00000000..4cede992
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/icons.svg
@@ -0,0 +1,648 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg4485"
+   width="1116.5374"
+   height="64"
+   viewBox="0 0 1116.5374 63.999997"
+   sodipodi:docname="icons.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
+  <metadata
+     id="metadata4491">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4489" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview4487"
+     showgrid="true"
+     inkscape:zoom="1.9019737"
+     inkscape:cx="833.25423"
+     inkscape:cy="74.046593"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4485"
+     inkscape:snap-grids="false"
+     inkscape:object-nodes="false"
+     fit-margin-top="2.7755576e-017"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4517"
+       originx="-8.3788162"
+       originy="-6.3974667" />
+  </sodipodi:namedview>
+  <g
+     id="g5472"
+     transform="translate(0,3.2401047)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\grid.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5318">
+      <rect
+         y="998.53882"
+         x="27.755102"
+         height="9.2473469"
+         width="9.2473469"
+         id="rect4501"
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+      <rect
+         y="1014.5388"
+         x="11.755102"
+         height="9.2473469"
+         width="9.2473469"
+         id="rect4513"
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+      <rect
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="rect4515"
+         width="9.2473469"
+         height="9.2473469"
+         x="27.755102"
+         y="1014.5388" />
+      <rect
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="rect4519"
+         width="9.2473469"
+         height="9.2473469"
+         x="11.755102"
+         y="998.53882" />
+    </g>
+    <rect
+       y="28.759895"
+       x="0"
+       height="32"
+       width="32"
+       id="rect5360"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g5478"
+     transform="translate(0,3.6478805)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32\settings.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5322">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 84.166529,1022.8327 69.433468,1008.4131"
+         id="path4507"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 64.778344,1000.0771 c 0.15838,-2.21589 0.892654,-3.97239 4.064921,-3.9244 l 5.79089,5.4089 -0.06518,5.0971 -6.56108,6.4293 -4.0079,0.3962 -6.391837,-5.0204 c 0.003,-1.8969 0.615654,-4.5976 3.391837,-4.2539 l 3.804082,2.5118 c 1.756369,-0.3456 2.524226,-1.6258 3.156295,-3.1014 z"
+         id="path4523"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccccccc" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5362"
+       width="32"
+       height="32"
+       x="47.771301"
+       y="28.352119" />
+  </g>
+  <g
+     id="g5484"
+     transform="translate(0,1.8732223)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\filter.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5326">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 124.017,1012.8017 9.67769,-13.7927 H 108.6116 l 9.37299,13.931 v 13.1097 h 6.03241 z"
+         id="path4509"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 116.70205,1019.6217 h 7.31466"
+         id="path4525"
+         inkscape:connector-curvature="0" />
+    </g>
+    <rect
+       y="30.126778"
+       x="96.808228"
+       height="32"
+       width="32"
+       id="rect5364"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g5490"
+     transform="translate(0,3.322319)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\message.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5330">
+      <path
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         d="m 155.38109,1005.6573 14.74014,12.3019 14.29684,-12.3019 v 16.8459 h -29.03698 z"
+         id="rect4527"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path4532"
+         d="m 155.38109,1002.206 14.74014,12.8565 14.29684,-12.8565 v -2.5487 h -29.03698 z"
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5366"
+       width="32"
+       height="32"
+       x="145.52081"
+       y="28.677681" />
+  </g>
+  <g
+     id="g5497"
+     transform="translate(0,3.5476608)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\music.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5335">
+      <circle
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="path4534"
+         cx="210.02449"
+         cy="1019.4025"
+         r="5.7991834" />
+      <circle
+         r="5.7991834"
+         cy="1019.4025"
+         cx="227.51147"
+         id="circle4536"
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+      <path
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2.77122235;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         d="m 214.45548,1019.7112 v -19.81316 c 0,-1.11042 0.86314,-2.00436 1.93529,-2.00436 h 13.59886 c 1.07214,0 1.93528,0.89394 1.93528,2.00436 v 19.81316"
+         id="rect4538"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssssc" />
+    </g>
+    <rect
+       y="28.452339"
+       x="194.38922"
+       height="32"
+       width="32"
+       id="rect5368"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g5501"
+     transform="translate(0,3.1662521)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\cloud.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <path
+       sodipodi:nodetypes="cccscc"
+       inkscape:connector-curvature="0"
+       id="rect4181"
+       d="m 251.48461,45.034419 c 0.4638,-10.8715 12.40207,-12.59447 15.43885,-2.5078 2.73388,0.2127 5.14555,2.6373 5.18665,5.068 0,3.4504 -2.90742,6.2281 -6.51889,6.2281 h -16.54418 c -5.83464,-1.7769 -4.57322,-9.6738 2.43757,-8.7883 z"
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.46805668;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5370"
+       width="32"
+       height="32"
+       x="242.73279"
+       y="28.833748" />
+  </g>
+  <g
+     id="g5506"
+     transform="translate(0,2.188591)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32\bluetooth.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5338">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 302.67171,1006.3777 22.49812,12.0249 -9.75572,5.6324 v -23.642 l 9.85555,5.6901 -22.32088,12.5411"
+         id="path5197"
+         inkscape:connector-curvature="0" />
+    </g>
+    <rect
+       y="29.811409"
+       x="290.75372"
+       height="32"
+       width="32"
+       id="rect5372"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g5514"
+     transform="translate(0,3.6180954)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\cart.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5344">
+      <rect
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.30289125;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="rect5199"
+         width="19.591835"
+         height="14.419591"
+         x="355.70938"
+         y="1002.3185" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 373.79839,1003.2635 v -5.25054 h 7.75837"
+         id="path5201"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccc" />
+      <circle
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="path5207"
+         cx="357.12"
+         cy="1020.8915"
+         r="2.6644897" />
+      <circle
+         r="2.6644897"
+         cy="1020.8915"
+         cx="374.64978"
+         id="circle5209"
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5374"
+       width="32"
+       height="32"
+       x="342.87732"
+       y="28.381905" />
+  </g>
+  <g
+     id="g5520"
+     transform="translate(0,3.3700485)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32\power.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5348">
+      <path
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         d="m 423.9111,999.19805 c 4.9899,1.81935 7.7689,6.19995 7.7689,11.81915 0,7.1847 -5.8243,13.009 -13.009,13.009 -7.1847,0 -13.009,-5.8243 -13.009,-13.009 0,-5.2414 3.0998,-9.7589 7.5661,-11.81915"
+         id="path5211"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cscsc" />
+      <rect
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.90877056;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="rect5214"
+         width="3"
+         height="14.321534"
+         x="417.20502"
+         y="996.53888" />
+    </g>
+    <rect
+       y="28.629951"
+       x="394.29221"
+       height="32"
+       width="32"
+       id="rect5376"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g5528"
+     transform="translate(0,1.3681564)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\save.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="translate(-8.3787758,-966.40258)"
+       id="g5354">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 461.313,1007.55 7.71825,-7.7187 H 486.75 v 26.4062 h -25.437 z"
+         id="path5250"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 466.625,1002.4875 v 5.625 h 14.1875 v -7.5625"
+         id="path5252"
+         inkscape:connector-curvature="0" />
+      <rect
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.85498571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="rect5254"
+         width="3"
+         height="3"
+         x="469.43436"
+         y="1002.7332" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path5256"
+         d="m 466.625,1025.1125 v -7.9375 h 14.1875 v 7.875"
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:nodetypes="cccc" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5378"
+       width="32"
+       height="32"
+       x="449.65271"
+       y="30.631844" />
+  </g>
+  <g
+     id="g5534"
+     transform="translate(0,2.5602951)"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32\folder.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <g
+       transform="translate(-8.3787758,-972.40258)"
+       id="g5358">
+      <path
+         id="rect5216"
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         d="m 510.7344,1007.7803 h 6.307 c 1.108,0 2,0.892 2,2 0.058,1.9158 0.4001,5.5746 -2,5.6471 l -6.307,-4e-4 h -2.0004 v -1.9996 l 4e-4,-3.6471 c 1e-4,-1.108 0.892,-2 2,-2 z m 3.3587,3.7123 h 13.2014 c 1.108,0 2.001,0.8774 2.0005,1.9674 v 1.967 h -2.0005 l -13.2014,5e-4 c -1.108,0 -2,-0.8775 -2,-1.9674 0,-1.09 0.892,-1.9674 2,-1.9674 z"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="sscccccsscssccsssc" />
+      <path
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         d="m 508.8555,1017.2315 v 8.6728 c 0,1.108 0.892,2 2,2 h 16.5957 c 1.108,0 2,-0.892 2,-2 v -8.6728 z"
+         id="rect5242"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="csssscc" />
+    </g>
+    <rect
+       y="29.439705"
+       x="494.71381"
+       height="32"
+       width="32"
+       id="rect5380"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g3966"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\favorite.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <path
+       sodipodi:nodetypes="ccc"
+       inkscape:connector-curvature="0"
+       id="path5258"
+       d="m 679.76049,43.397888 c -11.16654,-4.90607 -6.54023,-14.887481 0.0528,-8.582499 6.18385,-6.259313 11.86465,3.625989 -0.0528,8.582499 z"
+       style="fill:none;stroke:#000000;stroke-width:2.2720654;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="22.143074"
+       x="663.8728"
+       height="32"
+       width="32"
+       id="rect5399"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g3970"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32\stop.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <rect
+       ry="2"
+       rx="2"
+       y="30.209908"
+       x="730.55872"
+       height="13.875"
+       width="13.875"
+       id="rect5260"
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5405"
+       width="32"
+       height="32"
+       x="721.49622"
+       y="21.147408" />
+  </g>
+  <g
+     id="g3976"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32\previous.png"
+     inkscape:export-xdpi="96"
+     inkscape:export-ydpi="96">
+    <g
+       transform="matrix(0.92512795,0,0,0.92512795,49.646365,-1594.3495)"
+       id="g5275">
+      <path
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.84269726;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         inkscape:transform-center-x="1.6220757"
+         inkscape:transform-center-y="-9.5697762e-005"
+         d="m 809.37017,1768.9096 h -8.55767 -8.55877 v -4.1758 l 8.55877,-10.6475 8.55767,10.6475 z"
+         id="path5264"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc"
+         transform="matrix(0,-0.65656157,0.65656157,0,-358.61037,2289.4994)" />
+      <path
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path5267"
+         d="m 810.35019,1758.0981 v 5.6186 5.6193 h -2.74167 l -6.99073,-5.6193 6.99073,-5.6186 z"
+         inkscape:transform-center-y="-9.5697762e-005"
+         inkscape:transform-center-x="1.6220757"
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.20984423;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+    </g>
+    <rect
+       y="21.314461"
+       x="777.32397"
+       height="32"
+       width="32"
+       id="rect5407"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g3988"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\next.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="matrix(-0.92512795,0,0,0.92512795,1729.0016,-1594.3495)"
+       id="g5281">
+      <path
+         transform="matrix(0,-0.65656157,0.65656157,0,-358.61037,2289.4994)"
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path5277"
+         d="m 809.37017,1768.9096 h -8.55767 -8.55877 v -4.1758 l 8.55877,-10.6475 8.55767,10.6475 z"
+         inkscape:transform-center-y="-9.5697762e-005"
+         inkscape:transform-center-x="1.6220757"
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.84269726;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+      <path
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.20984423;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         inkscape:transform-center-x="1.6220757"
+         inkscape:transform-center-y="-9.5697762e-005"
+         d="m 810.35019,1758.0981 v 5.6186 5.6193 h -2.74167 l -6.99073,-5.6193 6.99073,-5.6186 z"
+         id="path5279"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5409"
+       width="32"
+       height="32"
+       x="969.32397"
+       y="21.314461" />
+  </g>
+  <g
+     id="g3996"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\repeat.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="matrix(0.61777671,0,0,0.61777671,393.26213,-582.60358)"
+       id="g5386">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 1057,996.9258 h -11 c -1.7949,2e-4 -3.2498,1.4551 -3.25,3.25 v 3.375"
+         id="path5283"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccc" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 1055.4787,992.6896 3.375,4.25 -3.75,3.875"
+         id="path5288"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:nodetypes="cccc"
+         inkscape:connector-curvature="0"
+         id="path5290"
+         d="m 1044.6035,1011.3192 h 11 c 1.7949,-2e-4 3.2498,-1.4551 3.25,-3.25 v -3.375"
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path5292"
+         d="m 1046.1248,1015.5554 -3.375,-4.25 3.75,-3.875"
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <rect
+       y="21.719917"
+       x="1026.423"
+       height="32"
+       width="32"
+       id="rect5411"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+  <g
+     id="g4005"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\shuffle.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="matrix(0.6410961,0,0,0.6410961,389.61554,-606.18813)"
+       id="g5393">
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 1101,997.8001 c 10.7776,0 1.9407,12.75 14.125,12.75"
+         id="path5294"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path5298"
+         d="m 1113.4787,992.6896 3.375,4.25 -3.75,3.875"
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 1113.4787,1006.4897 3.375,4.25 -3.75,3.875"
+         id="path5300"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 1101.2501,1010.2375 c 1.479,0.07 2.6346,-0.5915 3.875,-1.6562"
+         id="path5302"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+      <path
+         sodipodi:nodetypes="cc"
+         inkscape:connector-curvature="0"
+         id="path5312"
+         d="m 1113.6825,996.9157 c -1.479,-0.07 -2.6346,0.5915 -3.875,1.6562"
+         style="fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <rect
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="rect5413"
+       width="32"
+       height="32"
+       x="1084.5374"
+       y="21.248909" />
+  </g>
+  <g
+     id="g3982"
+     inkscape:export-filename="C:\dev\qqc2-technical-style-demo\icons\technical\32x32@2\pause.png"
+     inkscape:export-xdpi="192"
+     inkscape:export-ydpi="192">
+    <g
+       transform="matrix(0.26732473,0,0,0.26732473,607.52158,-229.58324)"
+       id="g5397">
+      <rect
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.19984221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="rect5269"
+         width="14.495689"
+         height="54.800774"
+         x="877.34277"
+         y="971.0022" />
+      <rect
+         y="971.0022"
+         x="904.9892"
+         height="54.800774"
+         width="14.495689"
+         id="rect5271"
+         style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.19984221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+    </g>
+    <rect
+       y="21.314461"
+       x="831.68982"
+       height="32"
+       width="32"
+       id="rect5458"
+       style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.49999988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" />
+  </g>
+</svg>
diff --git a/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/index.theme b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/index.theme
new file mode 100644
index 00000000..25232935
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/icons/musicplayer/index.theme
@@ -0,0 +1,14 @@
+[Icon Theme]
+Name=Music Player
+Comment=Icon theme for the Qt Quick Controls 2 Music Player Imagine Style Example
+
+Directories=32x32,32x32@2
+
+[32x32]
+Size=32
+Type=Fixed
+
+[32x32@2]
+Size=32
+Scale=2
+Type=Fixed
diff --git a/examples/quickcontrols2/imagine/musicplayer/images/album-cover.jpg b/examples/quickcontrols2/imagine/musicplayer/images/album-cover.jpg
new file mode 100644
index 00000000..48bd6231
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/images/album-cover.jpg differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/applicationwindow-background.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/applicationwindow-background.png
new file mode 100644
index 00000000..036bf746
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/applicationwindow-background.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered.9.png
new file mode 100644
index 00000000..c275d324
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered@2x.9.png
new file mode 100644
index 00000000..eec285f3
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked-hovered@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked.9.png
new file mode 100644
index 00000000..2d284a5b
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked@2x.9.png
new file mode 100644
index 00000000..fec385f5
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-checked@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled.9.png
new file mode 100644
index 00000000..bcad1470
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled@2x.9.png
new file mode 100644
index 00000000..03aba153
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-disabled@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered.9.png
new file mode 100644
index 00000000..962cf677
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered@2x.9.png
new file mode 100644
index 00000000..841c0064
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-hovered@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed.9.png
new file mode 100644
index 00000000..f97f42b8
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed@2x.9.png
new file mode 100644
index 00000000..97058349
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background-pressed@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background.9.png
new file mode 100644
index 00000000..74a8574f
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background@2x.9.png
new file mode 100644
index 00000000..25163385
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/button-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered.9.png
new file mode 100644
index 00000000..f9f90df4
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered@2x.9.png
new file mode 100644
index 00000000..a4be50e1
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-hovered@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open.9.png
new file mode 100644
index 00000000..147231ec
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open@2x.9.png
new file mode 100644
index 00000000..0a978572
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-open@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed.9.png
new file mode 100644
index 00000000..7726198a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed@2x.9.png
new file mode 100644
index 00000000..d64d4052
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background-pressed@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background.9.png
new file mode 100644
index 00000000..e919d50a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background@2x.9.png
new file mode 100644
index 00000000..5effba7e
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered.png
new file mode 100644
index 00000000..78b06505
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered@2x.png
new file mode 100644
index 00000000..ec3c8734
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-hovered@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open.png
new file mode 100644
index 00000000..7a831632
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open@2x.png
new file mode 100644
index 00000000..47c664a2
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-open@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed.png
new file mode 100644
index 00000000..3340294f
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed@2x.png
new file mode 100644
index 00000000..aa35b882
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator-pressed@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator.png
new file mode 100644
index 00000000..2c7f5578
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator@2x.png
new file mode 100644
index 00000000..20b9c44c
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-indicator@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup.9.png
new file mode 100644
index 00000000..cae75cd7
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup@2x.9.png
new file mode 100644
index 00000000..392607bc
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/combobox-popup@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered.png
new file mode 100644
index 00000000..ac614678
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered@2x.png
new file mode 100644
index 00000000..b13783c2
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-hovered@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed.png
new file mode 100644
index 00000000..22e3958d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed@2x.png
new file mode 100644
index 00000000..72f6fadd
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background-pressed@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background.png
new file mode 100644
index 00000000..4d9eb023
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background@2x.png
new file mode 100644
index 00000000..7ca50be8
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-background@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed.png
new file mode 100644
index 00000000..39cd2b82
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed@2x.png
new file mode 100644
index 00000000..01556b92
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle-pressed@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle.png
new file mode 100644
index 00000000..8fb85691
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle@2x.png
new file mode 100644
index 00000000..f6dc4c90
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/dial-handle@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background.9.png
new file mode 100644
index 00000000..aa305355
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background@2x.9.png
new file mode 100644
index 00000000..b4a4bc9d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/frame-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/imagine-assets.qrc b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/imagine-assets.qrc
new file mode 100644
index 00000000..7bda4995
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/imagine-assets.qrc
@@ -0,0 +1,113 @@
+<RCC>
+    <qresource prefix="/imagine-assets">
+        <file>applicationwindow-background.png</file>
+        <file>button-background-checked-hovered.9.png</file>
+        <file>button-background-checked-hovered@2x.9.png</file>
+        <file>button-background-checked.9.png</file>
+        <file>button-background-checked@2x.9.png</file>
+        <file>button-background-disabled.9.png</file>
+        <file>button-background-disabled@2x.9.png</file>
+        <file>button-background-hovered.9.png</file>
+        <file>button-background-hovered@2x.9.png</file>
+        <file>button-background-pressed.9.png</file>
+        <file>button-background-pressed@2x.9.png</file>
+        <file>button-background.9.png</file>
+        <file>button-background@2x.9.png</file>
+        <file>combobox-background-hovered.9.png</file>
+        <file>combobox-background-hovered@2x.9.png</file>
+        <file>combobox-background-open.9.png</file>
+        <file>combobox-background-open@2x.9.png</file>
+        <file>combobox-background-pressed.9.png</file>
+        <file>combobox-background-pressed@2x.9.png</file>
+        <file>combobox-background.9.png</file>
+        <file>combobox-background@2x.9.png</file>
+        <file>combobox-indicator-hovered.png</file>
+        <file>combobox-indicator-hovered@2x.png</file>
+        <file>combobox-indicator-open.png</file>
+        <file>combobox-indicator-open@2x.png</file>
+        <file>combobox-indicator-pressed.png</file>
+        <file>combobox-indicator-pressed@2x.png</file>
+        <file>combobox-indicator.png</file>
+        <file>combobox-indicator@2x.png</file>
+        <file>combobox-popup.9.png</file>
+        <file>combobox-popup@2x.9.png</file>
+        <file>dial-background-hovered.png</file>
+        <file>dial-background-hovered@2x.png</file>
+        <file>dial-background-pressed.png</file>
+        <file>dial-background-pressed@2x.png</file>
+        <file>dial-background.png</file>
+        <file>dial-background@2x.png</file>
+        <file>dial-handle-pressed.png</file>
+        <file>dial-handle-pressed@2x.png</file>
+        <file>dial-handle.png</file>
+        <file>dial-handle@2x.png</file>
+        <file>frame-background.9.png</file>
+        <file>frame-background@2x.9.png</file>
+        <file>itemdelegate-background-checked.9.png</file>
+        <file>itemdelegate-background-checked@2x.9.png</file>
+        <file>itemdelegate-background-disabled.9.png</file>
+        <file>itemdelegate-background-disabled@2x.9.png</file>
+        <file>itemdelegate-background-hovered.9.png</file>
+        <file>itemdelegate-background-hovered@2x.9.png</file>
+        <file>itemdelegate-background-pressed.9.png</file>
+        <file>itemdelegate-background-pressed@2x.9.png</file>
+        <file>itemdelegate-background.9.png</file>
+        <file>itemdelegate-background@2x.9.png</file>
+        <file>roundbutton-background-checked-hovered.png</file>
+        <file>roundbutton-background-checked-hovered@2x.png</file>
+        <file>roundbutton-background-checked.png</file>
+        <file>roundbutton-background-checked@2x.png</file>
+        <file>roundbutton-background-disabled.png</file>
+        <file>roundbutton-background-disabled@2x.png</file>
+        <file>roundbutton-background-hovered.png</file>
+        <file>roundbutton-background-hovered@2x.png</file>
+        <file>roundbutton-background-pressed.png</file>
+        <file>roundbutton-background-pressed@2x.png</file>
+        <file>roundbutton-background.png</file>
+        <file>roundbutton-background@2x.png</file>
+        <file>scrollbar-handle-interactive-hovered.png</file>
+        <file>scrollbar-handle-interactive-hovered@2x.png</file>
+        <file>scrollbar-handle-interactive-pressed.png</file>
+        <file>scrollbar-handle-interactive-pressed@2x.png</file>
+        <file>scrollbar-handle-interactive.png</file>
+        <file>scrollbar-handle-interactive@2x.png</file>
+        <file>slider-background-horizontal-disabled.9.png</file>
+        <file>slider-background-horizontal-disabled@2x.9.png</file>
+        <file>slider-background-horizontal.9.png</file>
+        <file>slider-background-horizontal@2x.9.png</file>
+        <file>slider-background-vertical-disabled.9.png</file>
+        <file>slider-background-vertical-disabled@2x.9.png</file>
+        <file>slider-background-vertical.9.png</file>
+        <file>slider-background-vertical@2x.9.png</file>
+        <file>slider-handle-disabled.png</file>
+        <file>slider-handle-disabled@2x.png</file>
+        <file>slider-handle-hovered.png</file>
+        <file>slider-handle-hovered@2x.png</file>
+        <file>slider-handle.png</file>
+        <file>slider-handle@2x.png</file>
+        <file>slider-progress-horizontal.9.png</file>
+        <file>slider-progress-horizontal@2x.9.png</file>
+        <file>slider-progress-vertical-disabled.9.png</file>
+        <file>slider-progress-vertical-disabled@2x.9.png</file>
+        <file>slider-progress-vertical.9.png</file>
+        <file>slider-progress-vertical@2x.9.png</file>
+        <file>textfield-background-disabled.9.png</file>
+        <file>textfield-background-disabled@2x.9.png</file>
+        <file>textfield-background.9.png</file>
+        <file>textfield-background@2x.9.png</file>
+        <file>toolbar-background.9.png</file>
+        <file>toolbar-background@2x.9.png</file>
+        <file>toolbutton-background-checked-hovered.9.png</file>
+        <file>toolbutton-background-checked-hovered@2x.9.png</file>
+        <file>toolbutton-background-checked.9.png</file>
+        <file>toolbutton-background-checked@2x.9.png</file>
+        <file>toolbutton-background-hovered.9.png</file>
+        <file>toolbutton-background-hovered@2x.9.png</file>
+        <file>toolbutton-background-pressed.9.png</file>
+        <file>toolbutton-background-pressed@2x.9.png</file>
+        <file>toolbutton-background.9.png</file>
+        <file>toolbutton-background@2x.9.png</file>
+        <file>tooltip-background.9.png</file>
+        <file>tooltip-background@2x.9.png</file>
+    </qresource>
+</RCC>
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked.9.png
new file mode 100644
index 00000000..a83c2577
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked@2x.9.png
new file mode 100644
index 00000000..ded49620
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-checked@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled.9.png
new file mode 100644
index 00000000..2047e888
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled@2x.9.png
new file mode 100644
index 00000000..422b2832
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-disabled@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered.9.png
new file mode 100644
index 00000000..5c436be5
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered@2x.9.png
new file mode 100644
index 00000000..2b98dc22
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-hovered@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed.9.png
new file mode 100644
index 00000000..c3c2ac1d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed@2x.9.png
new file mode 100644
index 00000000..3b7ba51a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background-pressed@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background.9.png
new file mode 100644
index 00000000..b926d423
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background@2x.9.png
new file mode 100644
index 00000000..422b2832
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/itemdelegate-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered.png
new file mode 100644
index 00000000..39e71430
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered@2x.png
new file mode 100644
index 00000000..dd9610d1
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked.png
new file mode 100644
index 00000000..7020a0f5
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked@2x.png
new file mode 100644
index 00000000..b24dc0bf
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-checked@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled.png
new file mode 100644
index 00000000..7f60101d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled@2x.png
new file mode 100644
index 00000000..ff0459ed
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-disabled@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered.png
new file mode 100644
index 00000000..363d35e6
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered@2x.png
new file mode 100644
index 00000000..61f109b7
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-hovered@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed.png
new file mode 100644
index 00000000..7ca9d6c9
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed@2x.png
new file mode 100644
index 00000000..5b35d944
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background-pressed@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background.png
new file mode 100644
index 00000000..47f9decd
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background@2x.png
new file mode 100644
index 00000000..f6944b7a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/roundbutton-background@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered.png
new file mode 100644
index 00000000..050e9edb
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered@2x.png
new file mode 100644
index 00000000..096c750e
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed.png
new file mode 100644
index 00000000..2fd4bd65
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed@2x.png
new file mode 100644
index 00000000..f5c9fe44
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive.png
new file mode 100644
index 00000000..45edd220
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive@2x.png
new file mode 100644
index 00000000..2e02f30a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/scrollbar-handle-interactive@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled.9.png
new file mode 100644
index 00000000..0a3e6d1a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled@2x.9.png
new file mode 100644
index 00000000..174c03fd
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal.9.png
new file mode 100644
index 00000000..a4324dad
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal@2x.9.png
new file mode 100644
index 00000000..8a7127c8
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-horizontal@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled.9.png
new file mode 100644
index 00000000..ee4486c7
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled@2x.9.png
new file mode 100644
index 00000000..b48efcd4
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical-disabled@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical.9.png
new file mode 100644
index 00000000..f3f8f75d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical@2x.9.png
new file mode 100644
index 00000000..76397566
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-background-vertical@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled.png
new file mode 100644
index 00000000..1157718c
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled@2x.png
new file mode 100644
index 00000000..b9c55bdd
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-disabled@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered.png
new file mode 100644
index 00000000..50ffc782
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered@2x.png
new file mode 100644
index 00000000..a89d05e4
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle-hovered@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle.png
new file mode 100644
index 00000000..d9334948
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle@2x.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle@2x.png
new file mode 100644
index 00000000..a8c59db8
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-handle@2x.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal.9.png
new file mode 100644
index 00000000..08bd59da
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal@2x.9.png
new file mode 100644
index 00000000..ce1ca6e5
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-horizontal@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled.9.png
new file mode 100644
index 00000000..f906bb7d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled@2x.9.png
new file mode 100644
index 00000000..2ec0f792
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical.9.png
new file mode 100644
index 00000000..7797c4ed
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical@2x.9.png
new file mode 100644
index 00000000..891eb100
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/slider-progress-vertical@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled.9.png
new file mode 100644
index 00000000..0de72f69
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled@2x.9.png
new file mode 100644
index 00000000..6ed5134b
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background-disabled@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background.9.png
new file mode 100644
index 00000000..d9396673
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background@2x.9.png
new file mode 100644
index 00000000..322b6c40
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/textfield-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background.9.png
new file mode 100644
index 00000000..b1e8a08b
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background@2x.9.png
new file mode 100644
index 00000000..d3a26620
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbar-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered.9.png
new file mode 100644
index 00000000..dcd5e0db
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered@2x.9.png
new file mode 100644
index 00000000..f083b78e
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked.9.png
new file mode 100644
index 00000000..154b7d02
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked@2x.9.png
new file mode 100644
index 00000000..8c60ca6d
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-checked@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered.9.png
new file mode 100644
index 00000000..52c7321a
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered@2x.9.png
new file mode 100644
index 00000000..8eda3fc4
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-hovered@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed.9.png
new file mode 100644
index 00000000..e1c29027
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed@2x.9.png
new file mode 100644
index 00000000..604a3136
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background-pressed@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background.9.png
new file mode 100644
index 00000000..205b5f70
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background@2x.9.png
new file mode 100644
index 00000000..7c97b8d1
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/toolbutton-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background.9.png
new file mode 100644
index 00000000..bc56e3bd
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background@2x.9.png b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background@2x.9.png
new file mode 100644
index 00000000..72990330
Binary files /dev/null and b/examples/quickcontrols2/imagine/musicplayer/imagine-assets/tooltip-background@2x.9.png differ
diff --git a/examples/quickcontrols2/imagine/musicplayer/musicplayer.cpp b/examples/quickcontrols2/imagine/musicplayer/musicplayer.cpp
new file mode 100644
index 00000000..a9fc2b9e
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/musicplayer.cpp
@@ -0,0 +1,73 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+#include <QSettings>
+#include <QIcon>
+
+int main(int argc, char *argv[])
+{
+    QGuiApplication::setApplicationName("Music Player");
+    QGuiApplication::setOrganizationName("QtProject");
+    QGuiApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QGuiApplication::setAttribute(Qt::AA_UseHighDpiPixmaps);
+
+    QGuiApplication app(argc, argv);
+
+    QIcon::setThemeName("musicplayer");
+
+    QQmlApplicationEngine engine;
+    engine.load(QUrl("qrc:/musicplayer.qml"));
+    if (engine.rootObjects().isEmpty())
+        return -1;
+
+    return app.exec();
+}
diff --git a/examples/quickcontrols2/imagine/musicplayer/musicplayer.pro b/examples/quickcontrols2/imagine/musicplayer/musicplayer.pro
new file mode 100644
index 00000000..b1970ee9
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/musicplayer.pro
@@ -0,0 +1,16 @@
+TEMPLATE = app
+TARGET = musicplayer
+QT += quick quickcontrols2
+
+SOURCES += \
+    musicplayer.cpp
+
+RESOURCES += \
+    icons/icons.qrc \
+    images/album-cover.jpg \
+    imagine-assets/imagine-assets.qrc \
+    qtquickcontrols2.conf \
+    musicplayer.qml
+
+target.path = $$[QT_INSTALL_EXAMPLES]/quickcontrols2/imagine/musicplayer
+INSTALLS += target
diff --git a/examples/quickcontrols2/imagine/musicplayer/musicplayer.qml b/examples/quickcontrols2/imagine/musicplayer/musicplayer.qml
new file mode 100644
index 00000000..84084862
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/musicplayer.qml
@@ -0,0 +1,467 @@
+/****************************************************************************
+**
+** Copyright (C) 2017 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+**   * Redistributions of source code must retain the above copyright
+**     notice, this list of conditions and the following disclaimer.
+**   * Redistributions in binary form must reproduce the above copyright
+**     notice, this list of conditions and the following disclaimer in
+**     the documentation and/or other materials provided with the
+**     distribution.
+**   * Neither the name of The Qt Company Ltd nor the names of its
+**     contributors may be used to endorse or promote products derived
+**     from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.9
+import QtQuick.Layouts 1.3
+import QtQuick.Controls 2.3
+import QtQuick.Window 2.0
+
+ApplicationWindow {
+    id: window
+    width: 1280
+    height: 720
+    visible: true
+    title: "Qt Quick Controls 2 - Imagine Style Example: Music Player"
+
+    Component.onCompleted: {
+        x = Screen.width / 2 - width / 2
+        y = Screen.height / 2 - height / 2
+    }
+
+    Shortcut {
+        sequence: "Ctrl+Q"
+        onActivated: Qt.quit()
+    }
+
+    header: ToolBar {
+        RowLayout {
+            id: headerRowLayout
+            anchors.fill: parent
+            spacing: 0
+
+            ToolButton {
+                icon.name: "grid"
+            }
+            ToolButton {
+                icon.name: "settings"
+            }
+            ToolButton {
+                icon.name: "filter"
+            }
+            ToolButton {
+                icon.name: "message"
+            }
+            ToolButton {
+                icon.name: "music"
+            }
+            ToolButton {
+                icon.name: "cloud"
+            }
+            ToolButton {
+                icon.name: "bluetooth"
+            }
+            ToolButton {
+                icon.name: "cart"
+            }
+
+            Item {
+                Layout.fillWidth: true
+            }
+
+            ToolButton {
+                icon.name: "power"
+                onClicked: Qt.quit()
+            }
+        }
+    }
+
+    Label {
+        text: "Qtify"
+        font.pixelSize: Qt.application.font.pixelSize * 1.3
+        anchors.centerIn: header
+        z: header.z + 1
+    }
+
+    RowLayout {
+        spacing: 115
+        anchors.fill: parent
+        anchors.margins: 70
+
+        ColumnLayout {
+            spacing: 0
+            Layout.preferredWidth: 230
+
+            RowLayout {
+                Layout.maximumHeight: 170
+
+                ColumnLayout {
+                    Label {
+                        text: "12 dB"
+                        Layout.fillHeight: true
+                    }
+                    Label {
+                        text: "6 dB"
+                        Layout.fillHeight: true
+                    }
+                    Label {
+                        text: "0 dB"
+                        Layout.fillHeight: true
+                    }
+                    Label {
+                        text: "-6 dB"
+                        Layout.fillHeight: true
+                    }
+                    Label {
+                        text: "-12 dB"
+                        Layout.fillHeight: true
+                    }
+                }
+
+                Repeater {
+                    model: 7
+
+                    Slider {
+                        value: Math.random()
+                        orientation: Qt.Vertical
+
+                        Layout.fillWidth: true
+                        Layout.fillHeight: true
+                    }
+                }
+            }
+
+            RowLayout {
+                spacing: 10
+                Layout.topMargin: 23
+
+                ComboBox {
+                    currentIndex: 1
+                    model: ["Blues", "Classical", "Jazz", "Metal"]
+                    Layout.fillWidth: true
+                }
+
+                Button {
+                    icon.name: "folder"
+                }
+
+                Button {
+                    icon.name: "save"
+                    enabled: false
+                }
+            }
+
+            Dial {
+                anchors.horizontalCenter: parent.horizontalCenter
+
+                Layout.topMargin: 50
+            }
+
+            Label {
+                text: "Volume"
+                anchors.horizontalCenter: parent.horizontalCenter
+
+                Layout.topMargin: 12
+            }
+        }
+
+        ColumnLayout {
+            spacing: 26
+            Layout.preferredWidth: 230
+
+            Item {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                Image {
+                    anchors.fill: parent
+                    fillMode: Image.PreserveAspectCrop
+                    source: "images/album-cover.jpg"
+                }
+            }
+
+            Item {
+                id: songLabelContainer
+                clip: true
+
+                Layout.fillWidth: true
+                Layout.preferredHeight: songNameLabel.implicitHeight
+
+                SequentialAnimation {
+                    running: true
+                    loops: Animation.Infinite
+
+                    PauseAnimation {
+                        duration: 2000
+                    }
+                    ParallelAnimation {
+                        XAnimator {
+                            target: songNameLabel
+                            from: 0
+                            to: songLabelContainer.width - songNameLabel.implicitWidth
+                            duration: 5000
+                        }
+                        OpacityAnimator {
+                            target: leftGradient
+                            from: 0
+                            to: 1
+                        }
+                    }
+                    OpacityAnimator {
+                        target: rightGradient
+                        from: 1
+                        to: 0
+                    }
+                    PauseAnimation {
+                        duration: 1000
+                    }
+                    OpacityAnimator {
+                        target: rightGradient
+                        from: 0
+                        to: 1
+                    }
+                    ParallelAnimation {
+                        XAnimator {
+                            target: songNameLabel
+                            from: songLabelContainer.width - songNameLabel.implicitWidth
+                            to: 0
+                            duration: 5000
+                        }
+                        OpacityAnimator {
+                            target: leftGradient
+                            from: 0
+                            to: 1
+                        }
+                    }
+                    OpacityAnimator {
+                        target: leftGradient
+                        from: 1
+                        to: 0
+                    }
+                }
+
+                Rectangle {
+                    id: leftGradient
+                    gradient: Gradient {
+                        GradientStop {
+                            position: 0
+                            color: "#dfe4ea"
+                        }
+                        GradientStop {
+                            position: 1
+                            color: "#00dfe4ea"
+                        }
+                    }
+
+                    width: height
+                    height: parent.height
+                    anchors.left: parent.left
+                    z: 1
+                    rotation: -90
+                    opacity: 0
+                }
+
+                Label {
+                    id: songNameLabel
+                    text: "Edvard Grieg - In the Hall of the Mountain King"
+                    font.pixelSize: Qt.application.font.pixelSize * 1.4
+                }
+
+                Rectangle {
+                    id: rightGradient
+                    gradient: Gradient {
+                        GradientStop {
+                            position: 0
+                            color: "#00dfe4ea"
+                        }
+                        GradientStop {
+                            position: 1
+                            color: "#dfe4ea"
+                        }
+                    }
+
+                    width: height
+                    height: parent.height
+                    anchors.right: parent.right
+                    rotation: -90
+                }
+            }
+
+            RowLayout {
+                spacing: 8
+                Layout.alignment: Qt.AlignHCenter
+
+                RoundButton {
+                    icon.name: "favorite"
+                    icon.width: 32
+                    icon.height: 32
+                }
+                RoundButton {
+                    icon.name: "stop"
+                    icon.width: 32
+                    icon.height: 32
+                }
+                RoundButton {
+                    icon.name: "previous"
+                    icon.width: 32
+                    icon.height: 32
+                }
+                RoundButton {
+                    icon.name: "pause"
+                    icon.width: 32
+                    icon.height: 32
+                }
+                RoundButton {
+                    icon.name: "next"
+                    icon.width: 32
+                    icon.height: 32
+                }
+                RoundButton {
+                    icon.name: "repeat"
+                    icon.width: 32
+                    icon.height: 32
+                }
+                RoundButton {
+                    icon.name: "shuffle"
+                    icon.width: 32
+                    icon.height: 32
+                }
+            }
+
+            Slider {
+                id: seekSlider
+                value: 113
+                to: 261
+
+                Layout.fillWidth: true
+
+                ToolTip {
+                    parent: seekSlider.handle
+                    visible: seekSlider.pressed
+                    text: pad(Math.floor(value / 60)) + ":" + pad(Math.floor(value % 60))
+                    y: parent.height
+
+                    readonly property int value: seekSlider.valueAt(seekSlider.position)
+
+                    function pad(number) {
+                        if (number <= 9)
+                            return "0" + number;
+                        return number;
+                    }
+                }
+            }
+        }
+
+        ColumnLayout {
+            spacing: 16
+            Layout.preferredWidth: 230
+
+            ButtonGroup {
+                buttons: libraryRowLayout.children
+            }
+
+            RowLayout {
+                id: libraryRowLayout
+                Layout.alignment: Qt.AlignHCenter
+
+                Button {
+                    text: "Files"
+                    checked: true
+                }
+                Button {
+                    text: "Playlists"
+                    checkable: true
+                }
+                Button {
+                    text: "Favourites"
+                    checkable: true
+                }
+            }
+
+            RowLayout {
+                TextField {
+                    Layout.fillWidth: true
+                }
+                Button {
+                    icon.name: "folder"
+                }
+            }
+
+            Frame {
+                id: filesFrame
+                leftPadding: 1
+                rightPadding: 1
+
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                ListView {
+                    clip: true
+                    anchors.fill: parent
+                    model: ListModel {
+                        Component.onCompleted: {
+                            for (var i = 0; i < 100; ++i) {
+                                append({
+                                   author: "Author",
+                                   album: "Album",
+                                   track: "Track 0" + (i % 9 + 1),
+                                });
+                            }
+                        }
+                    }
+                    delegate: ItemDelegate {
+                        text: model.author + " - " + model.album + " - " + model.track
+                        width: parent.width
+                    }
+
+                    ScrollBar.vertical: ScrollBar {
+                        parent: filesFrame
+                        policy: ScrollBar.AlwaysOn
+                        anchors.top: parent.top
+                        anchors.topMargin: filesFrame.topPadding
+                        anchors.right: parent.right
+                        anchors.rightMargin: 1
+                        anchors.bottom: parent.bottom
+                        anchors.bottomMargin: filesFrame.bottomPadding
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/examples/quickcontrols2/imagine/musicplayer/qtquickcontrols2.conf b/examples/quickcontrols2/imagine/musicplayer/qtquickcontrols2.conf
new file mode 100644
index 00000000..2fc304eb
--- /dev/null
+++ b/examples/quickcontrols2/imagine/musicplayer/qtquickcontrols2.conf
@@ -0,0 +1,10 @@
+[Controls]
+Style=Imagine
+
+[Imagine]
+Path=qrc:/imagine-assets
+
+[Imagine\Palette]
+Text=#6b7b89
+ButtonText=#6b7b89
+WindowText=#6b7b89
-- 
cgit v1.2.3