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

# Joystick Outline and Directional Indicator

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

## 属性

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

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

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

## 示例

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

## 备注

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

## 相关控件

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

## 另请参阅

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


## Related topics

- [Touch Adaptation Kit](https://docs.xbox.com/zh-CN/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [Joystick](https://docs.xbox.com/zh-CN/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md)
- [Stroke](https://docs.xbox.com/zh-CN/reference/system/touchadaptationkit/types/game-streaming-touch-stroke.md)
- [Directional Pad](https://docs.xbox.com/zh-CN/reference/system/touchadaptationkit/controls/game-streaming-touch-directionalpad.md)
- [Asset](https://docs.xbox.com/zh-CN/reference/system/touchadaptationkit/types/game-streaming-touch-asset.md)