StateStyle
概要
ウィジェットの状態(hover、押下、選択、無効)に応じて異なるスタイルを適用します。たとえばボタンを押したときに色が濃くなる効果を与えます。
プロパティ
| プロパティ | 説明 | 値 | デフォルト値 |
|---|---|---|---|
isSelected | オンにすると、選択(selected)状態の色を適用対象に含めます。 | オン / オフ | オフ |
isDisabled | オンにすると、無効(disabled)状態の色を適用対象に含めます。 | オン / オフ | オフ |
duration | 状態遷移の時間(ms)です。0の場合は対象ウィジェットの色を即時に変更し、0より大きい場合はその時間をかけて色がなめらかに遷移します。 - ⚠️ 現在のバージョンでは、Stylesパネルでこの値を編集できません。(デフォルト値0で固定)。 | 整数 | 0 |
hover | マウスを乗せたときに適用する枠線・塗り(背景)・文字色を指定します。 | 枠線・塗り・文字色 | 未設定 |
pressed | 押したときに適用する枠線・塗り(背景)・文字色を指定します。選択やhoverより優先して適用されます。 | 枠線・塗り・文字色 | 未設定 |
selected | 選択状態のときに適用する枠線・塗り(背景)・文字色を指定します。 | 枠線・塗り・文字色 | 未設定 |
disabled | 無効状態のときに適用する枠線・塗り(背景)・文字色を指定します。他のどの状態より優先して適用されます。 | 枠線・塗り・文字色 | 未設定 |