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

# 조이스틱 윤곽선 및 방향 표시기

> Joystick Outline and Directional Indicator

# Joystick Outline and Directional Indicator

조이스틱 컨트롤의 외곽 링에 대한 스타일 지정 속성입니다.

## 속성

`opacity` - *number*, *optional*. 구성 요소에 적용될 불투명도입니다.

[`stroke`](https://docs.xbox.com/ko/reference/system/touchadaptationkit/types/game-streaming-touch-stroke) - *object*, *optional*. [조이스틱](https://docs.xbox.com/ko/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md)의 상호 작용 영역 외곽선에 사용할 [stroke](https://docs.xbox.com/ko/reference/system/touchadaptationkit/types/game-streaming-touch-stroke.md)에 대한 스타일 지정 지침입니다.

[`indicator`](https://docs.xbox.com/ko/reference/system/touchadaptationkit/types/game-streaming-touch-color) - *object*, *optional*. 플레이어가 `joystick` 컨트롤과 상호 작용할 때 표시되는 방향 표시기에 대한 스타일 지정 지침을 포함하는 [color](https://docs.xbox.com/ko/reference/system/touchadaptationkit/types/game-streaming-touch-color.md) 객체입니다.

## 예제

```JSON theme={null}
{
    "outline": {
        "stroke" : {
            "type": "solid",
            "color":  "#107C10"
        },
        "indicator" : {
            "type": "color",
            "value": "#107C10"
        }
    },
}
```

## 설명

`outline`은 원형 상호 작용 영역의 외곽선과 방향 표시기를 나타내는 [joystick](https://docs.xbox.com/ko/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md) 컨트롤의 구성 요소입니다.

## 관련 컨트롤

[Joystick](https://docs.xbox.com/ko/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md)

## 함께 보기

[Touch Adaptation Kit 참조](https://docs.xbox.com/ko/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)


## Related topics

- [Touch Adaptation Kit](https://docs.xbox.com/ko/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [Touch Adaptation Kit(TAK) 참조](https://docs.xbox.com/ko/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)
- [Axis](https://docs.xbox.com/ko/reference/system/touchadaptationkit/types/game-streaming-touch-axis.md)
- [Action](https://docs.xbox.com/ko/reference/system/touchadaptationkit/types/game-streaming-touch-action.md)
- [터치 컨트롤을 구축하기 위한 디자이너 가이드](https://docs.xbox.com/ko/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)