Qt Quick Controls - Imagine Style Example: Music Player

An audio player user interface using custom Imagine style assets.
Article lu fois.
L'auteur

The Qt Company Ltd.
L'article

Publié le 27 décembre 2024 - Mis à jour le 27 décembre 2024
Liens sociaux

Qt Quick Controls - Imagine Style Example: Music Player▲

Sélectionnez
&lt;RCC&gt;
    &lt;qresource prefix="/imagine-assets"&gt;
        &lt;file&gt;applicationwindow-background.png&lt;/file&gt;
        &lt;file&gt;button-background-checked-hovered.9.png&lt;/file&gt;
        &lt;file&gt;button-background-checked-hovered@2x.9.png&lt;/file&gt;
        &lt;file&gt;button-background-checked.9.png&lt;/file&gt;
        &lt;file&gt;button-background-checked@2x.9.png&lt;/file&gt;
        &lt;file&gt;button-background-disabled.9.png&lt;/file&gt;
        &lt;file&gt;button-background-disabled@2x.9.png&lt;/file&gt;
        &lt;file&gt;button-background-hovered.9.png&lt;/file&gt;
        &lt;file&gt;button-background-hovered@2x.9.png&lt;/file&gt;
        &lt;file&gt;button-background-pressed.9.png&lt;/file&gt;
        &lt;file&gt;button-background-pressed@2x.9.png&lt;/file&gt;
        &lt;file&gt;button-background.9.png&lt;/file&gt;
        &lt;file&gt;button-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background-hovered.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background-hovered@2x.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background-open.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background-open@2x.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background-pressed.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background-pressed@2x.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background.9.png&lt;/file&gt;
        &lt;file&gt;combobox-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator-hovered.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator-open.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator-open@2x.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator-pressed.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator.png&lt;/file&gt;
        &lt;file&gt;combobox-indicator@2x.png&lt;/file&gt;
        &lt;file&gt;combobox-popup.9.png&lt;/file&gt;
        &lt;file&gt;combobox-popup@2x.9.png&lt;/file&gt;
        &lt;file&gt;dial-background-hovered.png&lt;/file&gt;
        &lt;file&gt;dial-background-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;dial-background-pressed.png&lt;/file&gt;
        &lt;file&gt;dial-background-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;dial-background.png&lt;/file&gt;
        &lt;file&gt;dial-background@2x.png&lt;/file&gt;
        &lt;file&gt;dial-handle-pressed.png&lt;/file&gt;
        &lt;file&gt;dial-handle-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;dial-handle.png&lt;/file&gt;
        &lt;file&gt;dial-handle@2x.png&lt;/file&gt;
        &lt;file&gt;frame-background.9.png&lt;/file&gt;
        &lt;file&gt;frame-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-checked.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-checked@2x.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-disabled.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-disabled@2x.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-hovered.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-hovered@2x.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-pressed.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background-pressed@2x.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background.9.png&lt;/file&gt;
        &lt;file&gt;itemdelegate-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-checked-hovered.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-checked-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-checked.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-checked@2x.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-disabled.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-disabled@2x.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-hovered.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-pressed.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background.png&lt;/file&gt;
        &lt;file&gt;roundbutton-background@2x.png&lt;/file&gt;
        &lt;file&gt;scrollbar-handle-interactive-hovered.png&lt;/file&gt;
        &lt;file&gt;scrollbar-handle-interactive-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;scrollbar-handle-interactive-pressed.png&lt;/file&gt;
        &lt;file&gt;scrollbar-handle-interactive-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;scrollbar-handle-interactive.png&lt;/file&gt;
        &lt;file&gt;scrollbar-handle-interactive@2x.png&lt;/file&gt;
        &lt;file&gt;slider-background-horizontal-disabled.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-horizontal-disabled@2x.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-horizontal.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-horizontal@2x.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-vertical-disabled.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-vertical-disabled@2x.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-vertical.9.png&lt;/file&gt;
        &lt;file&gt;slider-background-vertical@2x.9.png&lt;/file&gt;
        &lt;file&gt;slider-handle-disabled.png&lt;/file&gt;
        &lt;file&gt;slider-handle-disabled@2x.png&lt;/file&gt;
        &lt;file&gt;slider-handle-hovered.png&lt;/file&gt;
        &lt;file&gt;slider-handle-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;slider-handle.png&lt;/file&gt;
        &lt;file&gt;slider-handle@2x.png&lt;/file&gt;
        &lt;file&gt;slider-progress-horizontal.9.png&lt;/file&gt;
        &lt;file&gt;slider-progress-horizontal@2x.9.png&lt;/file&gt;
        &lt;file&gt;slider-progress-vertical-disabled.9.png&lt;/file&gt;
        &lt;file&gt;slider-progress-vertical-disabled@2x.9.png&lt;/file&gt;
        &lt;file&gt;slider-progress-vertical.9.png&lt;/file&gt;
        &lt;file&gt;slider-progress-vertical@2x.9.png&lt;/file&gt;
        &lt;file&gt;textfield-background-disabled.9.png&lt;/file&gt;
        &lt;file&gt;textfield-background-disabled@2x.9.png&lt;/file&gt;
        &lt;file&gt;textfield-background.9.png&lt;/file&gt;
        &lt;file&gt;textfield-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;toolbar-background.9.png&lt;/file&gt;
        &lt;file&gt;toolbar-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-checked-hovered.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-checked-hovered@2x.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-checked.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-checked@2x.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-hovered.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-hovered@2x.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-pressed.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background-pressed@2x.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background.9.png&lt;/file&gt;
        &lt;file&gt;toolbutton-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;tooltip-background.9.png&lt;/file&gt;
        &lt;file&gt;tooltip-background@2x.9.png&lt;/file&gt;
    &lt;/qresource&gt;
&lt;/RCC&gt;
Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants :