WPF中CalendarDayButton指定日期背景色修改异常问题

核心问题分析 #

你当前代码的问题在于遍历了Calendar的所有12个月份视图，并且直接修改了每个月份视图中的CalendarDayButton背景。但WPF的Calendar控件会复用CalendarDayButton实例，当切换月份时，之前修改的按钮会被用来显示其他月份的日期，导致所有月份中日期值匹配的按钮都被改成红色。另外，直接操作VisualTree的方式本身就不稳定，容易受到控件模板更新、布局刷新的影响。

正确解决方案：使用Style与DataTrigger（推荐） #

WPF的Calendar支持通过CalendarDayButtonStyle结合DataTrigger实现条件样式，这种方式符合WPF绑定机制，避免直接操作VisualTree的问题，且仅针对目标日期生效。

步骤1：ViewModel中定义高亮日期集合 #

假设你的ViewModel中有HighlightedDates属性，确保集合包含目标日期：

public HashSet<DateTime> HighlightedDates { get; } = new HashSet<DateTime>
{
    new DateTime(2023,8,24),
    new DateTime(2023,8,28),
    new DateTime(2023,8,29),
    new DateTime(2023,8,30)
};

如果集合需要动态更新，建议实现INotifyPropertyChanged接口。

步骤2：修改Calendar的XAML样式 #

在Calendar的CalendarDayButtonStyle中添加MultiDataTrigger，同时匹配目标年月和高亮集合：

<Calendar x:Name="customCalendar" DisplayDate="{Binding CurrentDate}" Margin="-533,0,533,823" Grid.RowSpan="5">
    <Calendar.CalendarDayButtonStyle>
        <Style TargetType="CalendarDayButton">
            <Setter Property="Background" Value="Transparent" />
            <Style.Triggers>
                <!-- 跳过空白日期（月份前后的非当前月日期） -->
                <DataTrigger Binding="{Binding}" Value="{x:Static sys:DateTime.MinValue}" />
                <!-- 匹配2023年8月且在高亮集合中的日期 -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding Year}" Value="2023" />
                        <Condition Binding="{Binding Month}" Value="8" />
                        <Condition Binding="{Binding Path=DataContext.HighlightedDates, RelativeSource={RelativeSource AncestorType=Calendar}}" 
                                   Converter="{StaticResource DateInHashSetConverter}" 
                                   ConverterParameter="{Binding}" 
                                   Value="True" />
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="Red" />
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </Calendar.CalendarDayButtonStyle>
</Calendar>

步骤3：实现日期集合判断转换器 #

需要一个IValueConverter来判断当前日期是否在HashSet中：

public class DateInHashSetConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is HashSet<DateTime> dateSet && parameter is DateTime targetDate)
        {
            return dateSet.Contains(targetDate.Date);
        }
        return false;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

记得在XAML资源中声明转换器：

<Window.Resources>
    <local:DateInHashSetConverter x:Key="DateInHashSetConverter" />
</Window.Resources>

修复现有代码的方案（不推荐，仅作参考） #

如果坚持使用VisualTree操作，需修改以下两点：

1. 仅遍历目标月份（2023年8月），避免修改其他月份的按钮
2. 严格匹配日期的年、月、日属性

修改后的核心代码：

private void PrintAllCalendarDates(DependencyObject depObj, HashSet<DateTime> highlightedDates)
{
    int targetYear = 2023;
    int targetMonth = 8;

    // 切换到目标月份并刷新布局
    customCalendar.DisplayDate = new DateTime(targetYear, targetMonth, 1);
    customCalendar.UpdateLayout();

    DependencyObject monthView = GetMonthView(depObj);
    if (monthView == null) return;

    int childCount = VisualTreeHelper.GetChildrenCount(monthView);
    for (int j = 0; j < childCount; j++)
    {
        DependencyObject child = VisualTreeHelper.GetChild(monthView, j);
        if (child is CalendarDayButton calendarDayButton && calendarDayButton.DataContext is DateTime date)
        {
            if (date.Year == targetYear && date.Month == targetMonth && highlightedDates.Contains(date.Date))
            {
                calendarDayButton.Background = Brushes.Red;
            }
            else if (date.Year == targetYear && date.Month == targetMonth)
            {
                // 仅恢复当前月份非高亮日期的背景
                calendarDayButton.Background = Brushes.White;
            }
            // 其他月份的按钮不修改，避免复用导致的样式混乱
        }
    }
}

private DependencyObject GetMonthView(DependencyObject depObj)
{
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(depObj); i++)
    {
        DependencyObject child = VisualTreeHelper.GetChild(depObj, i);
        if (child is FrameworkElement elem && elem.Name == "PART_MonthView")
        {
            return child;
        }
        DependencyObject result = GetMonthView(child);
        if (result != null) return result;
    }
    return null;
}

总结 #

推荐使用Style+DataTrigger的方案，这是WPF的标准实现方式，更稳定、可维护，符合MVVM设计模式。直接操作VisualTree的方式容易遇到控件复用、布局更新导致的样式混乱问题，不建议在生产环境使用。

内容的提问来源于stack exchange，提问作者Umtks