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

# Joystick Outline and Directional Indicator

摇杆控件外环的样式属性。

## 属性

`opacity` - *number*，*可选*。要应用于该组件的不透明度。

[`stroke`](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/types/game-streaming-touch-stroke) - *object*，*可选*。用于 [joystick](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick) 可交互区域轮廓的 [stroke](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/types/game-streaming-touch-stroke) 样式设置。

[`indicator`](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/types/game-streaming-touch-color) - *object*，*可选*。一个 [color](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/types/game-streaming-touch-color) 对象，包含在玩家与 `joystick` 控件交互时显示的方向指示器的样式设置。

## 示例

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

## 备注

`outline` 是 [joystick](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick) 控件的一个组成部分，代表可交互圆形区域的轮廓以及方向指示器。

## 相关控件

[Joystick](https://devdocs.xbox.com/zh-CN/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick)

## 另请参阅

[Touch Adaptation Kit 参考](https://devdocs.xbox.com/zh-CN/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)


## Related topics

- [Touch Adaptation Kit](https://devdocs.xbox.com/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [Xbox Accessibility Guideline 102](https://devdocs.xbox.com/build/game-principles/accessibility/xag-deep-dives/xag-102-contrast.md)
- [Touch Adaptation Kit (TAK) Reference](https://devdocs.xbox.com/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)
- [Xbox Accessibility Guideline 113](https://devdocs.xbox.com/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
- [Touch Adaptation Kit (TAK) 参考](https://devdocs.xbox.com/zh-CN/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)