文章分類/

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

149 瀏覽人次
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 軟體專家
軟體專家

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

更多軟體新知

立即詢價

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

詢價資訊