Qt Quick Controls - Imagine Style Example: Music Player
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.
Running the Example
To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.
Files:
- imagine/musicplayer/icons/icons.qrc
- imagine/musicplayer/icons/musicplayer/icons.svg
- imagine/musicplayer/imagine-assets/imagine-assets.qrc
- imagine/musicplayer/musicplayer.cpp
- imagine/musicplayer/musicplayer.pro
- imagine/musicplayer/musicplayer.qml
- imagine/musicplayer/qtquickcontrols2.conf
Images:
- imagine/musicplayer/icons/musicplayer/32x32/bluetooth.png
- imagine/musicplayer/icons/musicplayer/32x32/cart.png
- imagine/musicplayer/icons/musicplayer/32x32/cloud.png
- imagine/musicplayer/icons/musicplayer/32x32/favorite.png
- imagine/musicplayer/icons/musicplayer/32x32/filter.png
- imagine/musicplayer/icons/musicplayer/32x32/folder.png
- imagine/musicplayer/icons/musicplayer/32x32/message.png
- imagine/musicplayer/icons/musicplayer/32x32/music.png
- imagine/musicplayer/icons/musicplayer/32x32/next.png
- imagine/musicplayer/icons/musicplayer/32x32/pause.png
- imagine/musicplayer/icons/musicplayer/32x32/power.png
- imagine/musicplayer/icons/musicplayer/32x32/previous.png
- imagine/musicplayer/icons/musicplayer/32x32/repeat.png
- imagine/musicplayer/icons/musicplayer/32x32/save.png
- imagine/musicplayer/icons/musicplayer/32x32/settings.png
- imagine/musicplayer/icons/musicplayer/32x32/shuffle.png
- imagine/musicplayer/icons/musicplayer/32x32/stop.png
- imagine/musicplayer/icons/musicplayer/32x32@2/bluetooth.png
- imagine/musicplayer/icons/musicplayer/32x32@2/cart.png
- imagine/musicplayer/icons/musicplayer/32x32@2/cloud.png
- imagine/musicplayer/icons/musicplayer/32x32@2/favorite.png
- imagine/musicplayer/icons/musicplayer/32x32@2/filter.png
- imagine/musicplayer/icons/musicplayer/32x32@2/folder.png
- imagine/musicplayer/icons/musicplayer/32x32@2/grid.png
- imagine/musicplayer/icons/musicplayer/32x32@2/message.png
- imagine/musicplayer/icons/musicplayer/32x32@2/music.png
- imagine/musicplayer/icons/musicplayer/32x32@2/next.png
- imagine/musicplayer/icons/musicplayer/32x32@2/pause.png
- imagine/musicplayer/icons/musicplayer/32x32@2/power.png
- imagine/musicplayer/icons/musicplayer/32x32@2/previous.png
- imagine/musicplayer/icons/musicplayer/32x32@2/repeat.png
- imagine/musicplayer/icons/musicplayer/32x32@2/save.png
- imagine/musicplayer/icons/musicplayer/32x32@2/settings.png
- imagine/musicplayer/icons/musicplayer/32x32@2/shuffle.png
- imagine/musicplayer/icons/musicplayer/32x32@2/stop.png
- imagine/musicplayer/images/album-cover.jpg
- imagine/musicplayer/imagine-assets/applicationwindow-background.png
- imagine/musicplayer/imagine-assets/button-background-checked-hovered.9.png
- imagine/musicplayer/imagine-assets/button-background-checked-hovered@2x.9.png
- imagine/musicplayer/imagine-assets/button-background-checked.9.png
- imagine/musicplayer/imagine-assets/button-background-checked@2x.9.png
- imagine/musicplayer/imagine-assets/button-background-disabled.9.png
- imagine/musicplayer/imagine-assets/button-background-disabled@2x.9.png
- imagine/musicplayer/imagine-assets/button-background-hovered.9.png
- imagine/musicplayer/imagine-assets/button-background-hovered@2x.9.png
- imagine/musicplayer/imagine-assets/button-background-pressed.9.png
- imagine/musicplayer/imagine-assets/button-background-pressed@2x.9.png
- imagine/musicplayer/imagine-assets/button-background.9.png
- imagine/musicplayer/imagine-assets/button-background@2x.9.png
- imagine/musicplayer/imagine-assets/combobox-background-hovered.9.png
- imagine/musicplayer/imagine-assets/combobox-background-hovered@2x.9.png
- imagine/musicplayer/imagine-assets/combobox-background-open.9.png
- imagine/musicplayer/imagine-assets/combobox-background-open@2x.9.png
- imagine/musicplayer/imagine-assets/combobox-background-pressed.9.png
- imagine/musicplayer/imagine-assets/combobox-background-pressed@2x.9.png
- imagine/musicplayer/imagine-assets/combobox-background.9.png
- imagine/musicplayer/imagine-assets/combobox-background@2x.9.png
- imagine/musicplayer/imagine-assets/combobox-indicator-hovered.png
- imagine/musicplayer/imagine-assets/combobox-indicator-hovered@2x.png
- imagine/musicplayer/imagine-assets/combobox-indicator-open.png
- imagine/musicplayer/imagine-assets/combobox-indicator-open@2x.png
- imagine/musicplayer/imagine-assets/combobox-indicator-pressed.png
- imagine/musicplayer/imagine-assets/combobox-indicator-pressed@2x.png
- imagine/musicplayer/imagine-assets/combobox-indicator.png
- imagine/musicplayer/imagine-assets/combobox-indicator@2x.png
- imagine/musicplayer/imagine-assets/combobox-popup.9.png
- imagine/musicplayer/imagine-assets/combobox-popup@2x.9.png
- imagine/musicplayer/imagine-assets/dial-background-hovered.png
- imagine/musicplayer/imagine-assets/dial-background-hovered@2x.png
- imagine/musicplayer/imagine-assets/dial-background-pressed.png
- imagine/musicplayer/imagine-assets/dial-background-pressed@2x.png
- imagine/musicplayer/imagine-assets/dial-background.png
- imagine/musicplayer/imagine-assets/dial-background@2x.png
- imagine/musicplayer/imagine-assets/dial-handle-pressed.png
- imagine/musicplayer/imagine-assets/dial-handle-pressed@2x.png
- imagine/musicplayer/imagine-assets/dial-handle.png
- imagine/musicplayer/imagine-assets/dial-handle@2x.png
- imagine/musicplayer/imagine-assets/frame-background.9.png
- imagine/musicplayer/imagine-assets/frame-background@2x.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-checked.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-checked@2x.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-disabled.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-disabled@2x.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-hovered.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-hovered@2x.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-pressed.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background-pressed@2x.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background.9.png
- imagine/musicplayer/imagine-assets/itemdelegate-background@2x.9.png
- imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered.png
- imagine/musicplayer/imagine-assets/roundbutton-background-checked-hovered@2x.png
- imagine/musicplayer/imagine-assets/roundbutton-background-checked.png
- imagine/musicplayer/imagine-assets/roundbutton-background-checked@2x.png
- imagine/musicplayer/imagine-assets/roundbutton-background-disabled.png
- imagine/musicplayer/imagine-assets/roundbutton-background-disabled@2x.png
- imagine/musicplayer/imagine-assets/roundbutton-background-hovered.png
- imagine/musicplayer/imagine-assets/roundbutton-background-hovered@2x.png
- imagine/musicplayer/imagine-assets/roundbutton-background-pressed.png
- imagine/musicplayer/imagine-assets/roundbutton-background-pressed@2x.png
- imagine/musicplayer/imagine-assets/roundbutton-background.png
- imagine/musicplayer/imagine-assets/roundbutton-background@2x.png
- imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered.png
- imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-hovered@2x.png
- imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed.png
- imagine/musicplayer/imagine-assets/scrollbar-handle-interactive-pressed@2x.png
- imagine/musicplayer/imagine-assets/scrollbar-handle-interactive.png
- imagine/musicplayer/imagine-assets/scrollbar-handle-interactive@2x.png
- imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled.9.png
- imagine/musicplayer/imagine-assets/slider-background-horizontal-disabled@2x.9.png
- imagine/musicplayer/imagine-assets/slider-background-horizontal.9.png
- imagine/musicplayer/imagine-assets/slider-background-horizontal@2x.9.png
- imagine/musicplayer/imagine-assets/slider-background-vertical-disabled.9.png
- imagine/musicplayer/imagine-assets/slider-background-vertical-disabled@2x.9.png
- imagine/musicplayer/imagine-assets/slider-background-vertical.9.png
- imagine/musicplayer/imagine-assets/slider-background-vertical@2x.9.png
- imagine/musicplayer/imagine-assets/slider-handle-disabled.png
- imagine/musicplayer/imagine-assets/slider-handle-disabled@2x.png
- imagine/musicplayer/imagine-assets/slider-handle-hovered.png
- imagine/musicplayer/imagine-assets/slider-handle-hovered@2x.png
- imagine/musicplayer/imagine-assets/slider-handle.png
- imagine/musicplayer/imagine-assets/slider-handle@2x.png
- imagine/musicplayer/imagine-assets/slider-progress-horizontal.9.png
- imagine/musicplayer/imagine-assets/slider-progress-horizontal@2x.9.png
- imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled.9.png
- imagine/musicplayer/imagine-assets/slider-progress-vertical-disabled@2x.9.png
- imagine/musicplayer/imagine-assets/slider-progress-vertical.9.png
- imagine/musicplayer/imagine-assets/slider-progress-vertical@2x.9.png
- imagine/musicplayer/imagine-assets/textfield-background-disabled.9.png
- imagine/musicplayer/imagine-assets/textfield-background-disabled@2x.9.png
- imagine/musicplayer/imagine-assets/textfield-background.9.png
- imagine/musicplayer/imagine-assets/textfield-background@2x.9.png
- imagine/musicplayer/imagine-assets/toolbar-background.9.png
- imagine/musicplayer/imagine-assets/toolbar-background@2x.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-checked-hovered@2x.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-checked.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-checked@2x.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-hovered.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-hovered@2x.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-pressed.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background-pressed@2x.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background.9.png
- imagine/musicplayer/imagine-assets/toolbutton-background@2x.9.png
- imagine/musicplayer/imagine-assets/tooltip-background.9.png
- imagine/musicplayer/imagine-assets/tooltip-background@2x.9.png
© 2021 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.