WPF Calendar 日期高亮显示

在Windows Presentation Foundation (WPF) 中，`Calendar` 控件是一个非常实用的组件，用于展示日期选择功能。在很多应用程序中，我们可能需要对特定日期进行高亮显示，以突出重要事件或者提醒用户关注。本篇文章将深入探讨如何在WPF的`Calendar`控件中实现日期高亮显示。 我们需要引入`Microsoft.Windows.Controls.Calendar`命名空间，这个命名空间包含了`Calendar`控件。如果你的项目中还没有引用这个库，可以通过NuGet包管理器添加`WPFToolkit`包，它包含了这个控件。 ```xml <Window ... xmlns:controls="clr-namespace:Microsoft.Windows.Controls;assembly=WPFToolkit"> <controls:Calendar x:Name="myCalendar" /> </Window> ``` 接下来，我们将创建一个数据模型来存储需要高亮的日期，并定义一个颜色属性来表示高亮颜色。例如： ```csharp public class HighlightDate { public DateTime Date { get; set; } public Brush HighlightColor { get; set; } } ``` 然后，在代码中创建一个`ObservableCollection<HighlightDate>`，并填充需要高亮的日期及其颜色。 ```csharp ObservableCollection<HighlightDate> highlightedDates = new ObservableCollection<HighlightDate>(); highlightedDates.Add(new HighlightDate() { Date = new DateTime(2022, 12, 25), HighlightColor = Brushes.Red }); ``` 为了实现日期高亮，我们需要覆盖`Calendar`的默认样式，定义一个新的模板。在XAML中，我们可以创建一个资源字典，定义一个新的`ControlTemplate`，并设置`CalendarDayButton`的`Template`。在这个模板中，我们将根据日期是否在高亮集合中来改变按钮的背景色。 ```xml <Window.Resources> <Style TargetType="{x:Type controls:CalendarDayButton}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type controls:CalendarDayButton}"> <Grid Background="{TemplateBinding Background}"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <!-- ... --> </VisualStateGroup> <!-- 自定义状态，用于高亮显示 --> <VisualStateGroup x:Name="CustomStates"> <VisualState x:Name="Highlighted"> <Storyboard> <ColorAnimation Duration="0" To="{Binding Path=DataContext.HighlightColor, RelativeSource={RelativeSource AncestorType={x:Type controls:Calendar}}}" Storyboard.TargetProperty="(UIElement.Fill)"/> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <TextBlock Text="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/> </Grid> <ControlTemplate.Triggers> <!-- 检查日期是否在高亮集合中 --> <DataTrigger Binding="{Binding Date, Converter={StaticResource HighlightDateConverter}}" Value="True"> <Setter Property="VisualStateGroup" Value="{x:Null}"/> <Setter Property="IsEnabled" Value="False"/> <Setter Property="Visibility" Value="Visible"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type controls:CalendarDayButton}"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <!-- ... --> </VisualStateGroup> <VisualStateGroup x:Name="CustomStates"> <VisualState x:Name="Highlighted"/> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Rectangle Fill="{TemplateBinding Background}" Visibility="Visible"/> <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/> </Grid> </ControlTemplate> </Setter.Value> </Setter> </DataTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> ``` 这里的关键在于`DataTrigger`，它使用了一个自定义的`IValueConverter`，即`HighlightDateConverter`，这个转换器会检查当前日期是否在`highlightedDates`集合中，并返回相应的结果。`Converter`的实现如下： ```csharp public class HighlightDateConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { var date = (DateTime)value; return highlightedDates.Any(h => h.Date.Date == date.Date); } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { throw new NotImplementedException(); } } ``` 我们需要确保`HighlightDateConverter`在资源字典中可用： ```xml <Window.Resources> <!-- ... --> <local:HighlightDateConverter x:Key="HighlightDateConverter" /> <!-- ... --> </Window.Resources> ``` 现在，当`Calendar`控件加载时，它会自动应用这个模板，对于高亮日期，其背景色会根据`HighlightColor`属性改变。这只是一个基本示例，实际应用中可能需要根据具体需求进行更复杂的逻辑处理，比如处理选中状态、禁用状态等。 通过这种方式，我们可以实现WPF `Calendar`控件中日期的高亮显示，使得用户能更加直观地注意到特定日期。这种方法不仅适用于简单的颜色高亮，还可以扩展到其他视觉效果，如使用不同的图片、图标等，以增强用户体验。