ShrlAlgoToolkit/Melskin/Controls/Calendar.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:controls="clr-namespace:Melskin.Controls"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="FlattenButton.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <!--  年月按钮  -->
    <Style TargetType="{x:Type CalendarButton}" x:Key="DefaultCalendarButtonStyle">
        <Setter Property="Background" Value="{DynamicResource BackgroundLayoutBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource PrimaryNormalBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="MinWidth" Value="48" />
        <Setter Property="MinHeight" Value="42" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type CalendarButton}">
                    <Grid>
                        <Rectangle
                            Fill="{DynamicResource ControlBackgroundSelectedBrush}"
                            Margin="2"
                            RadiusX="4"
                            RadiusY="4"
                            StrokeThickness="{TemplateBinding BorderThickness}"
                            Visibility="Hidden"
                            x:Name="SelectionMark" />
                        <Border
                            Background="{DynamicResource PrimaryNormalBrush}"
                            CornerRadius="4"
                            Margin="2"
                            Visibility="Hidden"
                            x:Name="SelectedBorder" />
                        <ContentPresenter
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            TextElement.Foreground="{DynamicResource TextPrimaryBrush}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            x:Name="NormalText" />
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="HasSelectedDays" Value="True">
                            <Setter Property="Visibility" TargetName="SelectedBorder" Value="Visible" />
                            <Setter Property="TextElement.Foreground" TargetName="NormalText" Value="{DynamicResource TextAccentBrush}" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Visibility" TargetName="SelectionMark" Value="Visible" />
                            <Setter Property="Background" TargetName="SelectedBorder" Value="{DynamicResource PrimaryFocusedBrush}" />
                        </Trigger>
                        <Trigger Property="IsInactive" Value="True">
                            <Setter Property="TextElement.Foreground" TargetName="NormalText" Value="{DynamicResource TextSecondaryBrush}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <!--  日期按钮  -->
    <Style TargetType="{x:Type CalendarDayButton}" x:Key="DefaultCalendarDayButtonStyle">
        <Setter Property="MinWidth" Value="28" />
        <Setter Property="MinHeight" Value="26" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type CalendarDayButton}">
                    <Grid>
                        <!--  选中背景  -->
                        <Rectangle
                            Fill="{DynamicResource ControlBackgroundSelectedBrush}"
                            RadiusX="4"
                            RadiusY="4"
                            Visibility="Hidden"
                            x:Name="SelectedBackground" />

                        <!--  鼠标划过背景  -->
                        <Rectangle
                            Fill="{DynamicResource ControlBackgroundHoverBrush}"
                            RadiusX="4"
                            RadiusY="4"
                            Visibility="Hidden"
                            x:Name="HighlightBackground" />

                        <!--  今日背景  -->
                        <Rectangle
                            Fill="{DynamicResource PrimaryNormalBrush}"
                            RadiusX="4"
                            RadiusY="4"
                            Stroke="{DynamicResource PrimaryVariantBrush}"
                            StrokeThickness="0"
                            Visibility="Hidden"
                            x:Name="TodayBackground" />

                        <ContentPresenter
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Margin="5,1,5,1"
                            TextElement.Foreground="{DynamicResource TextPrimaryBrush}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            x:Name="NormalText" />
                        <!--  叉  -->
                        <controls:IconElement
                            Foreground="{DynamicResource ErrorBrush}"
                            Margin="4"
                            Opacity="0"
                            RenderTransformOrigin="0.5,0.5"
                            Symbol="Close"
                            x:Name="Blackout" />

                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Visibility" TargetName="HighlightBackground" Value="Visible" />
                            <Setter Property="Fill" TargetName="TodayBackground" Value="{DynamicResource PrimaryFocusedBrush}" />
                        </Trigger>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="StrokeThickness" TargetName="TodayBackground" Value="1" />
                            <Setter Property="Visibility" TargetName="SelectedBackground" Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsToday" Value="True">
                            <Setter Property="TextElement.Foreground" TargetName="NormalText" Value="#e0e0e0" />
                            <Setter Property="Visibility" TargetName="TodayBackground" Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsBlackedOut" Value="True">
                            <Setter Property="Visibility" TargetName="Blackout" Value="Visible" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Foreground" Value="{DynamicResource TextDisabledBrush}" />
                        </Trigger>
                        <Trigger Property="IsInactive" Value="True">
                            <Setter Property="TextElement.Foreground" TargetName="NormalText" Value="{DynamicResource TextSecondaryBrush}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type CalendarItem}" x:Key="DefaultCalendarItemStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type CalendarItem}">
                    <ControlTemplate.Resources>
                        <!--  星期标题  -->
                        <DataTemplate x:Key="{x:Static CalendarItem.DayTitleTemplateResourceKey}">
                            <TextBlock
                                FontFamily="Verdana"
                                FontSize="12"
                                FontWeight="Bold"
                                Foreground="{DynamicResource PrimaryVariantBrush}"
                                HorizontalAlignment="Center"
                                Margin="0,6,0,6"
                                Text="{Binding}"
                                VerticalAlignment="Center" />
                        </DataTemplate>
                    </ControlTemplate.Resources>
                    <Grid x:Name="PART_Root">
                        <Border
                            Background="{TemplateBinding Background}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="8"
                            Effect="{DynamicResource PopupShadow}"
                            Margin="4">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="32" />
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="32" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <!--  上方背景  -->
                                <Border
                                    Background="{DynamicResource PrimaryNormalBrush}"
                                    CornerRadius="6,6,0,0"
                                    Grid.ColumnSpan="3"
                                    Margin="2" />
                                <!--  向左按钮  -->
                                <Button
                                    Background="{DynamicResource PrimaryNormalBrush}"
                                    Focusable="False"
                                    Grid.Column="0"
                                    Grid.Row="0"
                                    Margin="3"
                                    Padding="4"
                                    Style="{StaticResource FlattenButtonStyle}"
                                    x:Name="PART_PreviousButton">
                                    <controls:IconElement Foreground="#e0e0e0" Symbol="ArrowBackIos" />
                                </Button>
                                <!--  中间按钮  -->
                                <Button
                                    Background="{DynamicResource PrimaryNormalBrush}"
                                    Focusable="False"
                                    FontSize="12"
                                    FontWeight="Bold"
                                    Foreground="#e0e0e0"
                                    Grid.Column="1"
                                    Grid.Row="0"
                                    HorizontalAlignment="Stretch"
                                    Margin="0,3"
                                    Style="{StaticResource FlattenButtonStyle}"
                                    x:Name="PART_HeaderButton" />
                                <!--  右侧按钮  -->
                                <Button
                                    Background="{DynamicResource PrimaryNormalBrush}"
                                    Focusable="False"
                                    Grid.Column="2"
                                    Grid.Row="0"
                                    Margin="3"
                                    Padding="4"
                                    Style="{StaticResource FlattenButtonStyle}"
                                    x:Name="PART_NextButton">
                                    <controls:IconElement Foreground="#e0e0e0" Symbol="ArrowForwardIos" />
                                </Button>
                                <!--  月份视图  -->
                                <Grid
                                    Grid.Column="0"
                                    Grid.ColumnSpan="3"
                                    Grid.Row="1"
                                    HorizontalAlignment="Center"
                                    Margin="6,2,6,6"
                                    Visibility="Visible"
                                    x:Name="PART_MonthView">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                </Grid>
                                <!--  年份视图  -->
                                <Grid
                                    Grid.Column="0"
                                    Grid.ColumnSpan="3"
                                    Grid.Row="1"
                                    HorizontalAlignment="Center"
                                    Margin="6,2,6,6"
                                    Visibility="Hidden"
                                    x:Name="PART_YearView">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                </Grid>
                            </Grid>
                        </Border>
                        <!--  禁用遮罩  -->
                        <Rectangle
                            Fill="{DynamicResource ControlBackgroundDisabledBrush}"
                            Margin="4"
                            Opacity="0"
                            RadiusX="6"
                            RadiusY="6"
                            Stretch="Fill"
                            Visibility="Collapsed"
                            x:Name="PART_DisabledVisual" />
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal" />
                                <VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation
                                            Duration="0"
                                            Storyboard.TargetName="PART_DisabledVisual"
                                            Storyboard.TargetProperty="Opacity"
                                            To="0.5" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Visibility" TargetName="PART_DisabledVisual" Value="Visible" />
                        </Trigger>
                        <DataTrigger Binding="{Binding DisplayMode, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Calendar}}}" Value="Year">
                            <Setter Property="Visibility" TargetName="PART_MonthView" Value="Hidden" />
                            <Setter Property="Visibility" TargetName="PART_YearView" Value="Visible" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding DisplayMode, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Calendar}}}" Value="Decade">
                            <Setter Property="Visibility" TargetName="PART_MonthView" Value="Hidden" />
                            <Setter Property="Visibility" TargetName="PART_YearView" Value="Visible" />
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type Calendar}" x:Key="DefaultCalendarStyle">
        <Setter Property="CalendarItemStyle" Value="{StaticResource DefaultCalendarItemStyle}" />
        <Setter Property="CalendarDayButtonStyle" Value="{StaticResource DefaultCalendarDayButtonStyle}" />
        <Setter Property="CalendarButtonStyle" Value="{StaticResource DefaultCalendarButtonStyle}" />
        <Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource BorderGradientBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Calendar}">
                    <StackPanel HorizontalAlignment="Center" x:Name="PART_Root">
                        <CalendarItem
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Style="{TemplateBinding CalendarItemStyle}"
                            x:Name="PART_CalendarItem" />
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style BasedOn="{StaticResource DefaultCalendarStyle}" TargetType="{x:Type Calendar}" />
    <Style
        BasedOn="{StaticResource DefaultCalendarStyle}"
        TargetType="{x:Type Calendar}"
        x:Key="DefaultCalendarPickerStyle">
        <Setter Property="Margin" Value="8" />
    </Style>
</ResourceDictionary>