Qt Quick Controls - Imagine Style Example: Automotive

An automotive 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: Automotive▲

Sélectionnez
&lt;RCC&gt;
    &lt;qresource prefix="/imagine-assets"&gt;
        &lt;file&gt;applicationwindow-background.png&lt;/file&gt;
        &lt;file&gt;applicationwindow-background@2x.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;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-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-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;dial-background.png&lt;/file&gt;
        &lt;file&gt;dial-background@2x.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-handle.png&lt;/file&gt;
        &lt;file&gt;dial-handle@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;frame-background.9.png&lt;/file&gt;
        &lt;file&gt;frame-background@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;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-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;radiobutton-indicator.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator@2x.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-checked.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-checked@2x.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-checked-hovered.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-checked-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-checked-pressed.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-checked-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-hovered.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-pressed.png&lt;/file&gt;
        &lt;file&gt;radiobutton-indicator-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;scrollindicator-handle.png&lt;/file&gt;
        &lt;file&gt;scrollindicator-handle@2x.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-handle.png&lt;/file&gt;
        &lt;file&gt;slider-handle@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-pressed.png&lt;/file&gt;
        &lt;file&gt;slider-handle-pressed@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-horizontal-pressed.9.png&lt;/file&gt;
        &lt;file&gt;slider-progress-horizontal-pressed@2x.9.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-background.9.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-background@2x.9.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle@2x.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-checked.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-checked@2x.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-checked-hovered.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-checked-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-hovered.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-hovered@2x.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-pressed.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-handle-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-indicator.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-indicator@2x.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-indicator-pressed.png&lt;/file&gt;
        &lt;file&gt;switchdelegate-indicator-pressed@2x.png&lt;/file&gt;
        &lt;file&gt;toolseparator-separator-vertical.9.png&lt;/file&gt;
        &lt;file&gt;toolseparator-separator-vertical@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 :