1.2K Views
April 14, 22
スライド概要
自分が毎回悩むので標本作りました。思いのほか需要ありそうなので共有します。
ドロップダウン | DropDown BorderColor | 境界線 Color | テキスト ChevronBackground | シェブロン背景 ChevronFill | シェブロン Fill | 背景 SelectionColor | 選択テキスト SelectionFill | 選択背景 HoverColor | ポイントテキスト HoverFill | ポイント背景
フォーカス時ドロップダウン | DropDown FocusedBorderColor | 境界線
押下時ドロップダウン | DropDown PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景
無効時ドロップダウン | DropDown DisabledBorderColor | 境界線 ChevronDisabledBackground | シェブロン背景 ChevronDisabledFill | シェブロン DisabledColor | テキスト DisabledFill | 背景
日付の入力 | DatePicker BorderColor | 境界線 IconBackground | アイコン背景 IconFill | アイコン Color | テキスト Fill | 背景
フォーカス時日付の入力 | DatePicker FocusedBorderColor | 境界線 IconFill | アイコンの破線枠
無効時日付の入力 | DatePicker DisabledBorderColor | 境界線 変更不可、ColorFade( -50%) | アイコン背景 変更不可、ColorFade( -50%) | アイコン DisabledColor | フォント DisabledFill | 背景
ラベル | Label BorderColor | 境界線 Color | フォント Fill | 背景 HoverColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景
フォーカス時ラベル | Label 存在するが機能しない FocusedBorderColor | 境界線
無効時ラベル | Label DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景
テキスト入力 | TextInput BorderColor | 境界線 Color | フォント Fill | 背景 HoverColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景
フォーカス時テキスト入力 | TextInput FocusedBorderColor | 境界線
押下時テキスト入力 | TextInput PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景
無効時テキスト入力 | TextInput DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景
ボタン | Button BorderColor | 境界線 Color | フォント Fill | 背景 HoverColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景
フォーカス時テキスト入力 | TextInput FocusedBorderColor | 境界線
押下時テキスト入力 | TextInput PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景
無効時テキスト入力 | TextInput DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景
リストボックス | ListBox BorderColor | 境界線 Color | テキスト スクロールバーは変更不可 SelectionColor | 選択テキスト Fill | 背景 SelectionFill | 選択背景 HoverColor | ポイントテキスト HoverFill | ポイント背景
フォーカス時リストボックス | ListBox FocusedBorderColor | 境界線
押下時リストボックス | ListBox PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景
無効時リストボックス | ListBox DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景
コンボボックス | ComboBox BorderColor | 境界線 ChevronBackground | シェブロン背景 ヒントは変更不可 ChevronFill | シェブロン Fill | 背景
展開時コンボボックス | ComboBox BorderColor | 境界線 SelectionTagColor | 選択タグテキスト SelectionTagFill | 選択タグ背景 ヒントは変更不可 SelectionColor | 選択テキスト Fill | 背景 SelectionFill | 選択背景 HoverColor | ポイントテキスト HoverFill | ポイント背景
フォーカス時コンボボックス | ComboBox FocusedBorderColor | 境界線
押下時コンボボックス | ComboBox PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景
無効時コンボボックス | ComboBox DisabledBorderColor | 境界線 ChevronDisabledBackground | シェブロン背景 ChevronDisabledFill | シェブロン DisabledColor | テキスト DisabledFill | 背景
チェックボックス | Checkbox BorderColor | 境界線 CheckmarkFill | チェックマーク CheckboxBackgroundFill | チェックボックス背景 Color | テキスト Fill | 背景 CheckboxBorderColor | チェックボックス境界線 HoverBorderColor | ポイント時境界線 HoverColor | ポイント時テキスト HoverFill | ポイント時背景 チェックボックス背景は ポイント時背景と混ざった色に自動設定
フォーカス時チェックボックス | Checkbox FocusedBorderColor | 境界線
押下時チェックボックス | Checkbox PressedBorderColor | 境界線 PressedColor | テキスト PressedFill | 背景 チェックボックス背景は 押下時背景と混ざった色に自動設定
無効時チェックボックス | Checkbox DisabledBorderColor | 境界線 DisabledColor | テキスト DisabledFill | 背景 変更不可 ColorFade( -50%) | チェックマーク、 ボックス背景&境界線