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

# Knob

> Knob

# Knob

プレイヤーが操作できるボタンのようなコンポーネントのスタイル属性。

## プロパティ

`background` - *object*、*省略可*。[color](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/types/game-streaming-touch-color.md) または [image asset](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/types/game-streaming-touch-asset.md) のいずれかを指定できます。

`faceImage` - *object*、*省略可*。[icon](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/types/game-streaming-touch-icon.md) または [image asset](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/types/game-streaming-touch-asset.md) のいずれかを指定できます。

`opacity` - *number*、*省略可*。コンポーネントに適用される不透明度。`disabled` を除くすべての状態で既定値は 1.0 です。

[`stroke`](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/types/game-streaming-touch-stroke) - *object*、*省略可*。コンポーネントの輪郭に使用される [stroke](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/types/game-streaming-touch-stroke.md) のスタイル指示。

## サンプル

```JSON theme={null}
{
    "knob": {
        "background" : {
            "type": "color",
            "value":  "#107C10"
        },
        "faceImage" : {
            "type": "icon",
            "value": "run"
        }
    },
}
```

## 補足

`knob` は、プレイヤーが操作できる、より複雑なコントロール (例: [joystick](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md)、[throttle](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/controls/game-streaming-touch-throttle.md)) のコンポーネントです。

`knob` の既定の視覚スタイルはコントロールごとに異なります。

## 関連コントロール

[Joystick](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md)\
[Throttle](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/controls/game-streaming-touch-throttle.md)

## 関連項目

[Touch Adaptation Kit リファレンス](https://docs.xbox.com/ja-jp/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)


## Related topics

- [タッチ適応レイアウト用のカスタム アセット](https://docs.xbox.com/ja-jp/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-custom-assets.md)
- [Throttle](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/controls/game-streaming-touch-throttle.md)
- [Joystick](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/controls/game-streaming-touch-joystick.md)
- [Touch Adaptation Kit](https://docs.xbox.com/ja-jp/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [Touch Adaptation Kit (TAK) リファレンス](https://docs.xbox.com/ja-jp/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)