文章分類/

Infragistics|Ultimate UI for WPF|編輯XamEditors時設定文字顏色和背景顏色

1 次瀏覽
2023-11-02 更新

infragistics log

若要在編輯XamEditor(XamCurrencyEditor、XamDateTimeEditor、XamMaskedEditor、XamNumericEditor、XamMaskedEditor)時設定文字色彩與背景色彩,

  1. 建立針對每個編輯器的樣式,
  2. 為Triggers新增一個當IsInEditMode屬性值為True時觸發的Trigger,
  3. 在觸發器中設定前景和背景屬性。
<!-- 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>

快速跳轉目錄

✦ 群昱 AccessSoft 你的全面軟體解決方案 ✦

身為全球眾多知名軟體在台灣合作夥伴,歡迎諮詢你需要的軟體服務!

Picture of 軟體專家
軟體專家

群昱作為全球知名軟體推薦合作夥伴,致力於提供更多軟體解決方案給你!

更多軟體新知

立即詢價

請留下完整資訊,以便我們提供精確的服務內容給你。

詢價資訊