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

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

> Joystick Outline and Directional Indicator

# Joystick Outline and Directional Indicator

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

## 속성

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

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

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

## 예제

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

## 설명

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

## 관련 컨트롤

[Joystick](/ko/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick)

## 함께 보기

[Touch Adaptation Kit 참조](/ko/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview)


## Related topics

- [Touch Adaptation Kit](/ko/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [Touch Adaptation Kit(TAK) 참조](/ko/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)
- [터치 컨트롤을 구축하기 위한 디자이너 가이드](/ko/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [Xbox 접근성 가이드라인 102](/ko/build/game-principles/accessibility/xag-deep-dives/xag-102-contrast.md)
- [GetControllerAxisState](/ko/reference/input/gameinput/interfaces/igameinputreading/methods/igameinputreading_getcontrolleraxisstate.md)