メインコンテンツまでスキップ

StateStyle

概要

ウィジェットの状態(hover、押下、選択、無効)に応じて異なるスタイルを適用します。たとえばボタンを押したときに色が濃くなる効果を与えます。

プロパティ

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