Qt Quick Controls - Imagine Style Example: Automotive
An automotive user interface using custom Imagine style assets.
This example demonstrates how custom Imagine style assets can be used to style an automotive user interface.
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/automotive/automotive.cpp
- imagine/automotive/automotive.pro
- imagine/automotive/icons/automotive/icons.svg
- imagine/automotive/icons/icons.qrc
- imagine/automotive/imagine-assets/imagine-assets.qrc
- imagine/automotive/qml/CustomGlow.qml
- imagine/automotive/qml/FeatureButton.qml
- imagine/automotive/qml/GlowingLabel.qml
- imagine/automotive/qml/automotive.qml
- imagine/automotive/qml/qml.qrc
- imagine/automotive/qtquickcontrols2.conf
Images:
- imagine/automotive/icons/automotive/44x44/air-con.png
- imagine/automotive/icons/automotive/44x44/command.png
- imagine/automotive/icons/automotive/44x44/message.png
- imagine/automotive/icons/automotive/44x44/music.png
- imagine/automotive/icons/automotive/44x44/seats.png
- imagine/automotive/icons/automotive/44x44/settings.png
- imagine/automotive/icons/automotive/44x44/statistics.png
- imagine/automotive/icons/automotive/44x44/windows.png
- imagine/automotive/icons/automotive/44x44@2/air-con.png
- imagine/automotive/icons/automotive/44x44@2/command.png
- imagine/automotive/icons/automotive/44x44@2/message.png
- imagine/automotive/icons/automotive/44x44@2/music.png
- imagine/automotive/icons/automotive/44x44@2/navigation.png
- imagine/automotive/icons/automotive/44x44@2/seats.png
- imagine/automotive/icons/automotive/44x44@2/settings.png
- imagine/automotive/icons/automotive/44x44@2/statistics.png
- imagine/automotive/icons/automotive/44x44@2/windows.png
- imagine/automotive/icons/car.png
- imagine/automotive/icons/car@2x.png
- imagine/automotive/icons/warning.png
- imagine/automotive/icons/warning@2x.png
- imagine/automotive/icons/weather.png
- imagine/automotive/icons/weather@2x.png
- imagine/automotive/imagine-assets/applicationwindow-background.png
- imagine/automotive/imagine-assets/applicationwindow-background@2x.png
- imagine/automotive/imagine-assets/button-background-checked-hovered.9.png
- imagine/automotive/imagine-assets/button-background-checked-hovered@2x.9.png
- imagine/automotive/imagine-assets/button-background-checked.9.png
- imagine/automotive/imagine-assets/button-background-checked@2x.9.png
- imagine/automotive/imagine-assets/button-background-hovered.9.png
- imagine/automotive/imagine-assets/button-background-hovered@2x.9.png
- imagine/automotive/imagine-assets/button-background-pressed.9.png
- imagine/automotive/imagine-assets/button-background-pressed@2x.9.png
- imagine/automotive/imagine-assets/button-background.9.png
- imagine/automotive/imagine-assets/button-background@2x.9.png
- imagine/automotive/imagine-assets/dial-background-hovered.png
- imagine/automotive/imagine-assets/dial-background-hovered@2x.png
- imagine/automotive/imagine-assets/dial-background-pressed.png
- imagine/automotive/imagine-assets/dial-background-pressed@2x.png
- imagine/automotive/imagine-assets/dial-background.png
- imagine/automotive/imagine-assets/dial-background@2x.png
- imagine/automotive/imagine-assets/dial-handle-pressed.png
- imagine/automotive/imagine-assets/dial-handle-pressed@2x.png
- imagine/automotive/imagine-assets/dial-handle.png
- imagine/automotive/imagine-assets/dial-handle@2x.png
- imagine/automotive/imagine-assets/frame-background.9.png
- imagine/automotive/imagine-assets/frame-background@2x.9.png
- imagine/automotive/imagine-assets/itemdelegate-background-checked.9.png
- imagine/automotive/imagine-assets/itemdelegate-background-checked@2x.9.png
- imagine/automotive/imagine-assets/itemdelegate-background-hovered.9.png
- imagine/automotive/imagine-assets/itemdelegate-background-hovered@2x.9.png
- imagine/automotive/imagine-assets/itemdelegate-background-pressed.9.png
- imagine/automotive/imagine-assets/itemdelegate-background-pressed@2x.9.png
- imagine/automotive/imagine-assets/itemdelegate-background.9.png
- imagine/automotive/imagine-assets/itemdelegate-background@2x.9.png
- imagine/automotive/imagine-assets/radiobutton-indicator-checked-hovered.png
- imagine/automotive/imagine-assets/radiobutton-indicator-checked-hovered@2x.png
- imagine/automotive/imagine-assets/radiobutton-indicator-checked-pressed.png
- imagine/automotive/imagine-assets/radiobutton-indicator-checked-pressed@2x.png
- imagine/automotive/imagine-assets/radiobutton-indicator-checked.png
- imagine/automotive/imagine-assets/radiobutton-indicator-checked@2x.png
- imagine/automotive/imagine-assets/radiobutton-indicator-hovered.png
- imagine/automotive/imagine-assets/radiobutton-indicator-hovered@2x.png
- imagine/automotive/imagine-assets/radiobutton-indicator-pressed.png
- imagine/automotive/imagine-assets/radiobutton-indicator-pressed@2x.png
- imagine/automotive/imagine-assets/radiobutton-indicator.png
- imagine/automotive/imagine-assets/radiobutton-indicator@2x.png
- imagine/automotive/imagine-assets/scrollindicator-handle.png
- imagine/automotive/imagine-assets/scrollindicator-handle@2x.png
- imagine/automotive/imagine-assets/slider-background-horizontal.9.png
- imagine/automotive/imagine-assets/slider-background-horizontal@2x.9.png
- imagine/automotive/imagine-assets/slider-handle-hovered.png
- imagine/automotive/imagine-assets/slider-handle-hovered@2x.png
- imagine/automotive/imagine-assets/slider-handle-pressed.png
- imagine/automotive/imagine-assets/slider-handle-pressed@2x.png
- imagine/automotive/imagine-assets/slider-handle.png
- imagine/automotive/imagine-assets/slider-handle@2x.png
- imagine/automotive/imagine-assets/slider-progress-horizontal-pressed.9.png
- imagine/automotive/imagine-assets/slider-progress-horizontal-pressed@2x.9.png
- imagine/automotive/imagine-assets/slider-progress-horizontal.9.png
- imagine/automotive/imagine-assets/slider-progress-horizontal@2x.9.png
- imagine/automotive/imagine-assets/switchdelegate-background.9.png
- imagine/automotive/imagine-assets/switchdelegate-background@2x.9.png
- imagine/automotive/imagine-assets/switchdelegate-handle-checked-hovered.png
- imagine/automotive/imagine-assets/switchdelegate-handle-checked-hovered@2x.png
- imagine/automotive/imagine-assets/switchdelegate-handle-checked.png
- imagine/automotive/imagine-assets/switchdelegate-handle-checked@2x.png
- imagine/automotive/imagine-assets/switchdelegate-handle-hovered.png
- imagine/automotive/imagine-assets/switchdelegate-handle-hovered@2x.png
- imagine/automotive/imagine-assets/switchdelegate-handle-pressed.png
- imagine/automotive/imagine-assets/switchdelegate-handle-pressed@2x.png
- imagine/automotive/imagine-assets/switchdelegate-handle.png
- imagine/automotive/imagine-assets/switchdelegate-handle@2x.png
- imagine/automotive/imagine-assets/switchdelegate-indicator-pressed.png
- imagine/automotive/imagine-assets/switchdelegate-indicator-pressed@2x.png
- imagine/automotive/imagine-assets/switchdelegate-indicator.png
- imagine/automotive/imagine-assets/switchdelegate-indicator@2x.png
- imagine/automotive/imagine-assets/toolseparator-separator-vertical.9.png
- imagine/automotive/imagine-assets/toolseparator-separator-vertical@2x.9.png