Sortie multiple

Introduction

L'exemple Multi Output montre comment afficher les mêmes clients sur différentes pages WaylandOutputs avec différents types de composition. L'une des sorties affiche les clients dans une grille uniforme, à la même échelle. L'autre sortie est une fenêtre de composition interactive normale de type bureau.

Pour une introduction aux principes de base de la création d'une fenêtre de composition avec Qt, voir l'article "Minimal compositor". Qt Wayland Compositor avec Qt, voir l'exemple Qtml minimal.

Sorties multiples

L'exemple crée deux fenêtres différentes, une pour chaque sortie. Pour la vue en grille, nous nous connectons au signal surfaceRequested. Ce signal est émis pour chaque surface créée par le client. Cela permet à l'application d'ignorer la réponse par défaut à la demande et de créer une WaylandSurface personnalisée.

onSurfaceRequested: (client, id, version) => {
    var surface = surfaceComponent.createObject(comp, { } );
    surface.initialize(comp, client, id, version);
}

À la réception du signal, l'exemple crée un WaylandQuickItem en tant que vue de la surface. Cette vue peut être ajoutée à la scène Qt Quick comme n'importe quel autre élément. Dans l'exemple, nous l'ajoutons à un GridView.

Pour la fenêtre de type bureau, nous utilisons les fonctionnalités de l'extension XdgShell. Lorsque la surface a été créée, XdgShell émet un signal toplevelCreated.

XdgShell {
    onToplevelCreated: (toplevel, xdgSurface) => {
        var item = chromeComponent.createObject(defaultOutput.surfaceArea, { "shellSurface": xdgSurface } );
        item.surface.activated.connect(item.raise);
    }
}

Nous créons un ShellSurfaceItem pour ajouter le XdgToplevel à la deuxième sortie. Cela permet une interaction de type bureau avec la surface.

Lorsque ces étapes sont terminées, le contenu du client est visible dans les deux fenêtres. Les tampons contenant le contenu du client sont les mêmes pour les deux sorties, mais ils sont visualisés de deux manières différentes et permettent à l'utilisateur d'interagir avec eux de différentes manières.

Exemple de projet @ code.qt.io