> ## 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.

# Implementación de los diseños de controles táctiles

> Implementación de los diseños de controles táctiles

## Información general

Después de haber [compilado los diseños táctiles](/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-building-touch-layout), querrá interactuar con ellos en su juego.

## Requisitos previos

Para implementar y ver los diseños, necesitará:

* Un equipo Windows que tenga la [herramienta de línea de comandos del kit de adaptación táctil (tak.exe)](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line).
* Un dispositivo con la [aplicación de prueba de contenido web](/build/core-features/common/game-streaming/game-streaming-web-content-test-application), la [aplicación de prueba de contenido de Android (en desuso)](/build/core-features/common/game-streaming/game-streaming-android-content-test-application) o la [aplicación de prueba de contenido de equipos Windows (en desuso)](/build/core-features/common/game-streaming/game-streaming-windows-pc-content-test-application).
* Un conjunto de diseños que quiera implementar y ver.

## Implementación de los diseños

### 1. Servir los diseños

En el equipo Windows que tenga la [herramienta de línea de comandos del kit de adaptación táctil (tak.exe)](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line), utilice el [comando Serve](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-serve-command) para hacer que los diseños estén disponibles para los dispositivos que los soliciten.

```pwsh theme={null}
C:\Program Files (x86)\Microsoft GDK\bin>tak serve --layout-path C:\MyGameLayouts
Verifying touch adaptation bundle 'C:\MyGameLayouts '.
Now listening on: http://0.0.0.0:9269
Application started. Press Ctrl+C to shut down.
Hosting environment: Production
Content root path: C:\MyGameLayouts
```

### 2. Configurar la aplicación de prueba de contenido para la carga

En la configuración de la aplicación de prueba de contenido, escriba la configuración de Touch Adaptation Settings (en la sección Developer).

* Asegúrese de que **Enable sideload** esté activado.
* Escriba la dirección del equipo (incluido el puerto) que está sirviendo los diseños.

<Note>Si usa la [aplicación de prueba de contenido web](/build/core-features/common/game-streaming/game-streaming-web-content-test-application) con **Safari** o para conectarse a un **equipo remoto** que ejecuta el comando serve, asegúrese de que la dirección de sideload comience con `https` y de que se haya usado la opción `--certificate-file`. Consulte el [comando Serve](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-serve-command) para obtener más información sobre cómo iniciar servidores de sideload seguros (HTTPS).</Note>

* Habilite la actualización automática si quiere que los cambios realizados en los diseños se actualicen inmediatamente en todos los clientes conectados (de lo contrario, las actualizaciones solo se producirán cuando se inicie una nueva conexión de streaming).

<img src="https://mintcdn.com/microsoft-4404708b/sIrPFR_ir_sNKVEv/images/gdk/features/common/game-streaming-cta-android-developer-settings.png?fit=max&auto=format&n=sIrPFR_ir_sNKVEv&q=85&s=9256baca111dbef55c2b30943854da88" alt="Configuración de desarrollador" width="324" height="353" data-path="images/gdk/features/common/game-streaming-cta-android-developer-settings.png" />.

### 3. Transmitir el juego

En cada conexión de streaming, la CTA se conectará al servidor TAK y descargará los diseños más recientes.

<img src="https://mintcdn.com/microsoft-4404708b/sIrPFR_ir_sNKVEv/images/gdk/features/common/game-streaming-cta-android-layout-download.png?fit=max&auto=format&n=sIrPFR_ir_sNKVEv&q=85&s=19d0d50c10717892e8456150b0afb598" alt="Diseño descargado" width="651" height="323" data-path="images/gdk/features/common/game-streaming-cta-android-layout-download.png" />.

Cuando se solicita un diseño, verá una solicitud y una descarga en el equipo que hospeda el comando `serve`.

```
C:\Program Files (x86)\Microsoft GDK\bin>tak serve --layout-path C:\MyGame\layouts
Verifying touch adaptation bundle 'C:\MyGame\layouts'.
Now listening on: http://0.0.0.0:9269
Application started. Press Ctrl+C to shut down.
Hosting environment: Production
Content root path: C:\MyGame\layouts
Request starting HTTP/1.1 POST http://192.168.1.1:9269/connection/negotiate?negotiateVersion=1  0
Request finished in 1.6283ms 200 application/json
Request starting HTTP/1.1 GET http://192.168.1.1:9269/connection?id=3u0Xs_Dlwn-J1mREHTcG5w
Request starting HTTP/1.1 GET http://192.168.1.1:9269/v1/tabs/active/download
Request finished in 3.9865ms 200 application/octet-stream
```

### 4. Seleccionar el diseño

Después de iniciar una sesión de streaming, puede seleccionar el diseño táctil que se va a utilizar seleccionando Developer y, a continuación, TAK en la superposición de la transmisión mediante el botón `...` de la esquina superior izquierda.

<img src="https://mintcdn.com/microsoft-4404708b/sIrPFR_ir_sNKVEv/images/gdk/features/common/game-streaming-cta-android-select-layout.gif?s=17361970f8265532f37be519fab3ad4e" alt="Selección de diseño." width="460" height="217" data-path="images/gdk/features/common/game-streaming-cta-android-select-layout.gif" />


## Related topics

- [Compilación de diseños de controles táctiles para el streaming de juegos de XBOX](/es/build/core-features/common/game-streaming/building-touch-layouts/index.md)
- [Compilación de diseños de controles táctiles](/es/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-building-touch-layout.md)
- [Diseño de controles táctiles de lucha](/es/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-fighter.md)
- [Cambio de los diseños de controles táctiles según el estado del juego](/es/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-changing-layouts-game-state.md)
- [Diseño de controles táctiles de conducción](/es/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-driving.md)
