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

# Touch Adaptation Kit 편집기: 미리 보기 사용자 지정

> 터치 컨트롤 미리 보기 사용자 지정

이 문서에서는 TAK 편집기를 사용하여 터치 적응 레이아웃의 미리 보기를 사용자 지정하는 데 사용할 수 있는 다양한 옵션에 대한 개요를 제공합니다. 미리 보기는 다양한 게임 장면을 시뮬레이션하고 터치 컨트롤이 다양한 컨텍스트에서 어떻게 보이는지 테스트하도록 사용자 지정할 수 있습니다. 이는 미리 보기에 배경색이나 이미지를 할당하여 수행할 수 있습니다.

## 배경

색상 또는 이미지로 배경을 사용자 지정하는 방법에는 미리 보기 설정을 통하는 방법과 명령 팔레트에서 명령을 실행하는 방법 두 가지가 있습니다.

### 미리 보기 설정을 통해

1. 편집기에서 번들에 대한 레이아웃 파일을 열어 미리 보기를 시작합니다.
2. 미리 보기 패널의 오른쪽 상단에서 "Open Settings"를 클릭합니다.

   ![레이아웃 미리 보기의 Open Settings 버튼 스크린샷](https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-preview-settings-button.png?fit=max\&auto=format\&n=CwRBzaXvHw9zaPoe\&q=85\&s=76434d8ea25185eb1c00727b8be29a8b)
3. 배경을 사용자 지정할 수 있는 옵션이 있는 모달이 나타납니다. 색상이나 이미지를 할당할 수 있습니다.
   1. **Color:** 색상 선택기를 클릭하여 색상을 선택합니다. 또는 입력 필드에 색상을 입력할 수 있습니다. 색상은 CSS에서 지원되는 형식(예: `#0000ffff`, `rgba(0, 0, 255, 1)`, `hsl(240, 100%, 50%)` 또는 `blue`) 중 하나로 지정할 수 있습니다.

      ![미리 보기 설정 모달의 색상 선택기를 보여주는 스크린샷](https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-preview-settings-color.png?fit=max\&auto=format\&n=CwRBzaXvHw9zaPoe\&q=85\&s=816f42e6a66afdf5702d12b1a439b6df)
   2. **Image:** "Choose an image"를 클릭하여 파일 선택기를 엽니다. 이미지 위치로 이동하여 선택합니다. 또는 이미지의 URL을 입력 필드에 입력할 수 있습니다.

      ![미리 보기 설정 모달에서 선택된 이미지의 스크린샷](https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-preview-settings-image.png?fit=max\&auto=format\&n=CwRBzaXvHw9zaPoe\&q=85\&s=a45cefa495628cb18cd14e9f181120c6)

### 명령 팔레트를 통해

1. 편집기에서 번들에 대한 레이아웃 파일을 열어 미리 보기를 시작합니다. **이 명령은 미리 보기가 열려 있을 때만 사용할 수 있습니다.**
2. 명령 팔레트를 시작합니다(Windows에서 `Ctrl+Shift+P` 또는 macOS에서 `Cmd+Shift+P`).
3. "Background"를 검색하고 "Touch Adaptation Kit: Set preview background"를 선택합니다.

   ![명령 팔레트에서 Set preview background 명령 선택의 스크린샷](https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-set-preview-background-command.png?fit=max\&auto=format\&n=CwRBzaXvHw9zaPoe\&q=85\&s=7ec8253efa3ff9381ab19c969b72f268)
4. 사용 가능한 옵션 중 하나를 선택합니다.

   ![미리 보기 배경 설정에 사용 가능한 옵션 스크린샷](https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-set-preview-background-options.png?fit=max\&auto=format\&n=CwRBzaXvHw9zaPoe\&q=85\&s=cc839e056a1cfb08b27cce54555e738f)

   1. `Default`: 배경을 기본 투명 체커보드 패턴으로 재설정합니다.
   2. `Color`: 배경에 색상을 할당합니다. CSS 색상 값 형식의 텍스트로 입력해야 합니다.
   3. `Image`: 배경에 이미지를 할당합니다. 이미지를 선택하기 위한 파일 선택기가 열립니다.
   4. `URL`: URL을 사용하여 배경에 이미지를 할당합니다. URL을 입력하기 위한 텍스트 입력이 나타납니다.

## 다음 단계

> \[!div class="nextstepaction"]
> [XBOX 제출을 위한 번들 패킹](https://docs.xbox.com/ko/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-pack-bundles.md)


## Related topics

- [Touch Adaptation Kit 편집기: 레이아웃 미리 보기](https://docs.xbox.com/ko/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-preview-layouts.md)
- [터치 컨트롤을 구축하기 위한 디자이너 가이드](https://docs.xbox.com/ko/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [Visual Studio Code용 Touch Adaptation Kit(TAK) 편집기](https://docs.xbox.com/ko/build/core-features/common/game-streaming/tak-editor/index.md)
- [Visual Studio Code용 Touch Adaptation Kit 편집기 확장](https://docs.xbox.com/ko/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor.md)
- [Touch Adaptation Kit 편집기: 번들 및 레이아웃 만들기](https://docs.xbox.com/ko/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-create-bundle.md)