Infragistics｜Ultimate UI for WPF｜XamDateTimeEditor 設置特定日期的文本顏色/背景顏色

248 瀏覽人次

2023-07-19 更新

我們將介紹如何自定義XamDateTimeEditor中顯示的日曆中特定日期的背景顏色和文本顏色。

實施方法

XamDateTimeEditor 的日曆部分中的日期控件由 CalendarDay 控件表示。

設置 CalendarDay 背景顏色 (Background) 和前景色 (Foreground) 以自定義週六和周日的表示方式。

此外，要指定特定日期，請在 ConverterParameter 屬性中設置以逗號分隔的日期信息。

 <igEditors:XamDateTimeEditor
     Margin=“10”
     >   

 
     <igEditors:XamDateTimeEditor.Resources>   

 
     <Style
     TargetType=“{x:Type
       igEditors:XamMonthCalendar}”>   

 
     <EventSetter
     Event=“ExecutedCommand”
     Handler=“XamMonthCalendar_ExecutedCommand”/>   

 
     </Style>   

 
     <Style
     TargetType=“{x:Type
       igEditors:CalendarDay}”>   

 
     <!–
       特定日の背景色を変更するコンバーター –>   

 
     <Setter
     Property=“Background”

 
       Value=”{Binding RelativeSource={RelativeSource
       Self}, 

 
     Converter={StaticResource
       HolidayToBackgroundConverter}, 

 
     ConverterParameter=‘2019/10/14,2019/10/22’}”
     />   

 
     <!–
       特定日の文字色を変更するコンバーター –>   

 
     <Setter
     Property=“Foreground”

 
       Value=”{Binding RelativeSource={RelativeSource
       Self}, 

 
     Converter={StaticResource
       HolidayToForegroundConverter}, 

 
     ConverterParameter=‘2019/10/14,2019/10/22’}”
     />   

 
     </Style>   

 
     </igEditors:XamDateTimeEditor.Resources>   

 </igEditors:XamDateTimeEditor>   

另外，轉換器在特定日期做出判斷。在下面的示例中，更改了特定日期（週六和周日）的背景顏色。

  ///       /// 
     public class HolidayToBackgroundConverter : IValueConverter     {         public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)         {                          if (parameter != null && !string.IsNullOrEmpty(parameter.ToString()))             {                 string[] holidays = parameter.ToString().Split(',');                 foreach(string holidayStr in holidays)                 {                     DateTime holiday = DateTime.Parse(holidayStr);                     if((value as CalendarDay).StartDate.Date.ToString("yyyy/MM/dd") == holiday.ToString("yyyy/MM/dd"))                     {                         return Brushes.Orange;                     }                 }                  }                          if ((value as CalendarDay).StartDate.DayOfWeek == DayOfWeek.Saturday)             {                 return Brushes.Blue;             }                         else if ((value as CalendarDay).StartDate.DayOfWeek == DayOfWeek.Sunday)             {                 return Brushes.Red;             }                  return value;         }              public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)         {             throw new NotImplementedException();         }     }

還為文本顏色創建轉換器。

  ///      /// カレンダー日付から特定日付の文字色を変換するコンバーター     /// 
     public class HolidayToForegroundConverter : IValueConverter     {         public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)         {             // 特定日付の情報を取得             if (parameter != null && !string.IsNullOrEmpty(parameter.ToString()))             {                 string[] holidays = parameter.ToString().Split(',');                 foreach (string holidayStr in holidays)                 {                     DateTime holiday = DateTime.Parse(holidayStr);                     if ((value as CalendarDay).StartDate.Date.ToString("yyyy/MM/dd") == holiday.ToString("yyyy/MM/dd"))                     {                         return Brushes.White;                     }                 }                  }             // 土曜             if ((value as CalendarDay).StartDate.DayOfWeek == DayOfWeek.Saturday)             {                 return Brushes.White;             }             // 日曜             else if ((value as CalendarDay).StartDate.DayOfWeek == DayOfWeek.Sunday)             {                 return Brushes.White;             }                  return value;         }              public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)         {             throw new NotImplementedException();         }     }

另外，當選擇上個月或下個月的日曆時，插入以下過程以刷新繪圖。

 <Style
     TargetType=“{x:Type
       igEditors:XamMonthCalendar}”>   

 
     <EventSetter
     Event=“ExecutedCommand”
     Handler=“XamMonthCalendar_ExecutedCommand”/>   

 </Style>   

  private void XamMonthCalendar_ExecutedCommand(object sender, Infragistics.Windows.Controls.Events.ExecutedCommandEventArgs e)   {       XamMonthCalendar xamMonthCalendar = sender as XamMonthCalendar;       xamMonthCalendar.Dispatcher.BeginInvoke(new Action(() =>       {           DependencyObject fobj =                Infragistics.Windows.Utilities.GetDescendantFromType(                xamMonthCalendar,                true,                (calDay) =>                {                    BindingExpression bg = calDay.GetBindingExpression(CalendarDay.BackgroundProperty);                    if (bg != null)                    {                        bg.UpdateTarget();                    }                    BindingExpression fg = calDay.GetBindingExpression(CalendarDay.ForegroundProperty);                    if (fg != null)                    {                        fg.UpdateTarget();                    }                    return false;                });       }),DispatcherPriority.Background);      }