XamEditors(XamCurrencyEditor、XamDateTimeEditor、XamMaskedEditor、XamNumericEditor、XamMaskedEditor)の編集時の文字色と背景色を設定したい場合は、
- それぞれのエディターをターゲットとした Style を作成し、
- Triggers に IsInEditMode プロパティ値が True の時をトリガーとした Trigger を追加し、
- Trigger の中で Foreground プロパティと Background プロパティを設定してください。
<!-- XamCurrencyEditor の場合 --> <igEditors:XamCurrencyEditor> <igEditors:XamCurrencyEditor.Resources> <Style TargetType="{x:Type igEditors:XamCurrencyEditor}"> <Style.Triggers> <Trigger Property="IsInEditMode" Value="True"> <Setter Property="Background" Value="Red"/> <Setter Property="Foreground" Value="White"/> </Trigger> </Style.Triggers> </Style> </igEditors:XamCurrencyEditor.Resources> </igEditors:XamCurrencyEditor> <!-- XamDateTimeEditor の場合 --> <igEditors:XamDateTimeEditor> <igEditors:XamDateTimeEditor.Resources> <Style TargetType="{x:Type igEditors:XamDateTimeEditor}"> <Style.Triggers> <Trigger Property="IsInEditMode" Value="True"> <Setter Property="Background" Value="Red"/> <Setter Property="Foreground" Value="White"/> </Trigger> </Style.Triggers> </Style> </igEditors:XamDateTimeEditor.Resources> </igEditors:XamDateTimeEditor> <!-- XamMaskedEditor の場合 --> <igEditors:XamMaskedEditor> <igEditors:XamMaskedEditor.Resources> <Style TargetType="{x:Type igEditors:XamMaskedEditor}"> <Style.Triggers> <Trigger Property="IsInEditMode" Value="True"> <Setter Property="Background" Value="Red"/> <Setter Property="Foreground" Value="White"/> </Trigger> </Style.Triggers> </Style> </igEditors:XamMaskedEditor.Resources> </igEditors:XamMaskedEditor> <!-- XamNumericEditor の場合 --> <igEditors:XamNumericEditor> <igEditors:XamNumericEditor.Resources> <Style TargetType="{x:Type igEditors:XamNumericEditor}"> <Style.Triggers> <Trigger Property="IsInEditMode" Value="True"> <Setter Property="Background" Value="Red"/> <Setter Property="Foreground" Value="White"/> </Trigger> </Style.Triggers> </Style> </igEditors:XamNumericEditor.Resources> </igEditors:XamNumericEditor> <!-- XamTextEditor の場合 --> <igEditors:XamTextEditor> <igEditors:XamTextEditor.Resources> <Style TargetType="{x:Type igEditors:XamTextEditor}"> <Style.Triggers> <Trigger Property="IsInEditMode" Value="True"> <Setter Property="Background" Value="Red"/> <Setter Property="Foreground" Value="White"/> </Trigger> </Style.Triggers> </Style> </igEditors:XamTextEditor.Resources> </igEditors:XamTextEditor> <!-- テーマを当てている場合は、Style の BasedOn で当てているテーマをベースとすることを忘れないでください。 --> <igEditors:XamMaskedEditor Theme="MetroDark"> <igEditors:XamMaskedEditor.Resources> <Style TargetType="{x:Type igEditors:XamMaskedEditor}" BasedOn="{x:Static igThemes:EditorsMetroDark.XamMaskedEditor}"> <Style.Triggers> <Trigger Property="IsInEditMode" Value="True"> <Setter Property="Foreground" Value="Black"/> <Setter Property="Background" Value="LightBlue"/> </Trigger> </Style.Triggers> </Style> </igEditors:XamMaskedEditor.Resources> </igEditors:XamMaskedEditor>
サンプル
API リファレンス
- IsInEditMode プロパティ (ValueEditor)