> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Aperçu des dispositions d'adaptation tactile

> Aperçu des dispositions d'adaptation tactile

Cet article présente un aperçu de la prévisualisation des dispositions d'adaptation tactile à l'aide de l'éditeur TAK, ainsi que des différentes options offertes pour personnaliser l'aperçu.

## Prérequis

* L'éditeur TAK est [installé](/fr-CA/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor) et [configuré](/fr-CA/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-setup).
* Au moins un [ensemble](/fr-CA/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-create-bundle#create-a-new-bundle) comportant une [disposition](/fr-CA/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-create-bundle#create-a-new-layout) existe dans le ou les dossiers d'espace de travail ouverts.

## Afficher un aperçu des dispositions

Pour afficher l'aperçu d'une disposition, il suffit d'ouvrir le fichier de disposition dans l'éditeur au moyen de l'[Explorateur VS Code](https://code.visualstudio.com/docs/getstarted/userinterface#_explorer). En cliquant simplement sur un fichier de disposition dans le répertoire `layouts` d'un ensemble, le contenu JSON de la disposition s'affiche dans un onglet, et un aperçu en direct de la disposition apparaît automatiquement dans un onglet adjacent.

<Info>Si le fichier de disposition contient des **erreurs**, elles s'affichent dans le [panneau Problèmes de VS Code](https://code.visualstudio.com/docs/editor/editingevolved#_errors-warnings). L'aperçu n'est pas mis à jour tant que les erreurs ne sont pas résolues. Ce sujet est abordé plus en détail dans la section [État, erreurs et avertissements](#status-errors-and-warnings).</Info>

L'aperçu est interactif, ce qui signifie que vous pouvez interagir avec les commandes tactiles à l'aide de votre souris (ou de l'entrée tactile si vous utilisez un appareil tactile). L'aperçu réagit à vos entrées comme s'il était rendu dans une véritable diffusion de jeu en continu.

Les modifications apportées au fichier JSON de la disposition sont reflétées dans l'aperçu lors de l'enregistrement du fichier. Cela permet un processus de conception rapide et itératif, où vous pouvez modifier la disposition et voir immédiatement les résultats.

<img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-layout-preview.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=82bf7f431dfcc78bc2025f48f452d390" alt="Capture d'écran de l'aperçu de disposition de l'éditeur TAK" width="1380" height="901" data-path="images/gdk/features/common/tak-editor-layout-preview.png" />

Si l'onglet d'aperçu est fermé, il peut être rouvert de l'une des deux façons suivantes :

1. En cliquant sur le bouton « Open Preview » dans le coin supérieur droit du fichier de disposition :

   <img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-open-preview-button.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=ad412fcbde407bcd41a74b1b5dd9dacb" alt="Capture d'écran du bouton Open Preview dans le fichier de disposition" width="249" height="101" data-path="images/gdk/features/common/tak-editor-open-preview-button.png" />
2. En exécutant la commande « Touch Adaptation Kit: Open preview to the side » au moyen de la palette de commandes.

   <img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-open-preview-command.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=824a54945397598058a9cee1ab83f0e0" alt="Capture d'écran de la palette de commandes avec la commande d'ouverture de l'aperçu sélectionnée" width="837" height="157" data-path="images/gdk/features/common/tak-editor-open-preview-command.png" />

Notez que la commande et le bouton ne sont disponibles que lorsque (1) un fichier de disposition est ouvert et (2) l'aperçu n'est pas déjà ouvert.

## État, erreurs et avertissements

### État de la vérification

À mesure que des modifications sont apportées aux dispositions, aux ressources et aux autres fichiers d'un ensemble, l'extension vérifie continuellement la validité du contenu de l'ensemble par rapport à un ensemble prédéfini de règles que tous les ensembles doivent respecter. Cette vérification s'effectue en arrière-plan et est réévaluée chaque fois qu'un fichier imbriqué dans un ensemble est enregistré ou modifié de quelque autre façon (p. ex., renommé).

L'état de cette vérification est indiqué par un élément de la barre d'état situé dans le coin inférieur droit de la fenêtre.

<img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-verification-status-bar-item.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=5a912a5bf0e751188fc613b39b8d4229" alt="Capture d'écran de l'élément de la barre d'état de vérification indiquant un état OK" width="549" height="169" data-path="images/gdk/features/common/tak-editor-verification-status-bar-item.png" />

Cet élément de la barre d'état ne s'affiche que lorsqu'au moins un fichier de disposition est ouvert dans l'éditeur. Il affiche le nom de l'ensemble actif et le nombre de problèmes (erreurs et avertissements) trouvés dans l'ensemble. Cliquer sur l'élément de la barre d'état ouvre le [panneau Problèmes de VS Code](https://code.visualstudio.com/docs/editor/editingevolved#_errors-warnings) avec la liste de tous les problèmes trouvés dans l'ensemble.

### État de la synchronisation

Le panneau d'aperçu dispose d'une connexion active de chargement latéral d'ensemble vers l'interface CLI TAK. Vous pouvez en apprendre davantage sur son fonctionnement dans la [documentation de l'interface CLI TAK](/fr-CA/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-serve-command).

L'état de cette connexion est indiqué par un élément de la barre d'état situé dans le coin inférieur droit de la fenêtre, à côté de l'élément de la barre d'état de vérification. Cet état ne s'affiche que lorsque le panneau d'aperçu est ouvert.

<img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-sync-status-bar-item-ok.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=7cffca199222d55bce8955221b158812" alt="Capture d'écran de l'élément de la barre d'état de synchronisation indiquant un état OK" width="736" height="301" data-path="images/gdk/features/common/tak-editor-sync-status-bar-item-ok.png" />

La capture d'écran ci-dessus montre l'élément de la barre d'état lorsque la connexion est active et que l'aperçu est synchronisé. C'est le cas lorsque l'ensemble ne contient aucune erreur (les avertissements sont autorisés et maintiennent l'état « synchronisé »). Si des erreurs sont présentes, l'état passe à « Out of sync ».

Lorsque vous pointez sur cet élément de la barre d'état, une info-bulle s'affiche avec des détails sur le serveur de chargement latéral hébergé par l'interface CLI TAK. Cette adresse peut être utilisée pour connecter un autre client de diffusion de jeux en continu à l'aperçu, comme l'[application de test de contenu](/fr-CA/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-deploying-touch-layout).

### Erreurs et avertissements

Le [panneau Problèmes de VS Code](https://code.visualstudio.com/docs/editor/editingevolved#_errors-warnings) affiche la liste de tous les problèmes trouvés dans l'ensemble. Cela inclut tous les problèmes détectés pendant le processus de vérification.

Lorsqu'un problème existe, cliquer sur l'élément de la barre d'état de vérification ou de synchronisation ouvre le panneau Problèmes et affiche la liste des problèmes. Chaque problème comporte une description et l'emplacement dans l'ensemble où il a été détecté.

Par exemple, dans la capture d'écran suivante, l'ensemble contient une erreur : le fichier de disposition `platformer-advanced.json` fait référence à une ressource (`run.png`) qui n'existe pas dans l'ensemble :

<img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-preview-errors-warnings.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=129c8ee737439aac6211f3d8a564ffe9" alt="Capture d'écran du panneau Problèmes avec une erreur dans l'ensemble" width="1273" height="642" data-path="images/gdk/features/common/tak-editor-preview-errors-warnings.png" />

L'état de l'aperçu est maintenant « Out of sync » jusqu'à ce que la référence soit remplacée par une ressource qui existe dans l'ensemble, ou que la ressource soit ajoutée à l'ensemble.

## Étape suivante

> \[!div class="nextstepaction"]
> [Personnalisation de l'aperçu](/fr-CA/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-customize-preview)


## Related topics

- [XBOX Accessibility Guidelines (XAG)](/fr/build/game-principles/accessibility/xbox-accessibility-guidelines.md)
- [Diseño de controles táctiles de shooter en primera persona](/es/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-first-person.md)
- [Guía del diseñador para crear controles táctiles](/es/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [Aperçu du portage](/fr-CA/paths/porting/overview.md)
- [Aperçu d'Unity](/fr-CA/paths/unity/overview.md)
