WPF 日历模板改写

最新推荐文章于 2024-08-22 10:52:47 发布
最新推荐文章于 2024-08-22 10:52:47 发布
阅读量868 收藏 2
点赞数
分类专栏： WPF 文章标签： WPF 日历 日历自定义模板
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BYH371256/article/details/83346221
版权

 本章讲述：日历模板改写

先来看看效果图：

1、头部按钮模板改写：按钮背景颜色透明，移动到按钮上，前景色改变

<Style TargetType="{x:Type Button}" x:Key="CalendarButton">
    <Setter Property="Margin" Value="2"/>
    <Setter Property="Foreground" Value="#FF333333" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Grid>
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True" />
                </Grid>

                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="#FF0E8BD2" />
                        <Setter  Property="Foreground" Value="White" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

2、日历模板改写

<Style x:Key="CalendarButtonStyle" TargetType="{x:Type CalendarButton}">
    <Setter Property="MinWidth" Value="10"/>
    <Setter Property="MinHeight" Value="10"/>
    <Setter Property="FontSize" Value="12"/>
    <Setter Property="Width" Value="40"/>
    <Setter Property="Height" Value="32"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CalendarButton}">
                <Grid>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="SelectionStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Unselected"/>
                            <VisualState x:Name="Selected">
                                <Storyboard>
                                    <DoubleAnimation Duration="0:0:.2" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="SelectedBackground"/>
                                    <ColorAnimation Duration="0" To="#FFFFFFFF" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="NormalText"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="ActiveStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Active"/>
                            <VisualState x:Name="Inactive">
                                <Storyboard>
                                    <ColorAnimation Duration="0" To="#bdbdbd" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="NormalText"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Rectangle x:Name="SelectedBackground" Fill="{DynamicResource DangerBrush}" Opacity="0" RadiusY="16" RadiusX="16"/>
                    <Rectangle x:Name="Background" Fill="{TemplateBinding Background}" Opacity="0" RadiusY="16" RadiusX="16"/>
                    <ContentPresenter x:Name="NormalText" TextElement.Foreground="#212121" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    <Rectangle x:Name="CalendarButtonFocusVisual" IsHitTestVisible="false" RadiusY="16" RadiusX="16" Stroke="{DynamicResource PrimaryBrush}" Visibility="Collapsed"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsFocused" Value="True">
                        <Setter Property="Visibility" TargetName="CalendarButtonFocusVisual" Value="Visible"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style x:Key="CalendarDayButtonStyle" TargetType="{x:Type CalendarDayButton}">
    <Setter Property="MinWidth" Value="10"/>
    <Setter Property="MinHeight" Value="10"/>
    <Setter Property="FontSize" Value="12"/>
    <Setter Property="Width" Value="32"/>
    <Setter Property="Height" Value="32"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CalendarDayButton}">
                <Grid>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0:0:0.1"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="Disabled">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To=".35" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="NormalText"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="SelectionStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Unselected"/>
                            <VisualState x:Name="Selected">
                                <Storyboard>
                                    <DoubleAnimation Duration="0:0:.2" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="SelectedBackground"/>
                                    <ColorAnimation Duration="0" To="#FFFFFFFF" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="NormalText"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="ActiveStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="Active"/>
                            <VisualState x:Name="Inactive">
                                <Storyboard>
                                    <ColorAnimation Duration="0" To="#bdbdbd" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="NormalText"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="DayStates">
                            <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0"/>
                            </VisualStateGroup.Transitions>
                            <VisualState x:Name="RegularDay"/>
                            <VisualState x:Name="Today">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="TodayBackground"/>
                                    <ColorAnimation Duration="0" To="#FFFFFFFF" Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="NormalText"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Rectangle RadiusX="16" RadiusY="16" x:Name="TodayBackground" Fill="{DynamicResource DangerBrush}" Opacity="0"/>
                    <Rectangle x:Name="SelectedBackground" Fill="{DynamicResource PrimaryBrush}" Opacity="0" RadiusY="16" RadiusX="16"/>
                    <ContentPresenter x:Name="NormalText" TextElement.Foreground="#212121" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style TargetType="{x:Type CalendarItem}">
    <Setter Property="Margin" Value="0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CalendarItem}">
                <ControlTemplate.Resources>
                    <DataTemplate x:Key="{x:Static CalendarItem.DayTitleTemplateResourceKey}">
                        <TextBlock Foreground="#FF333333" FontWeight="Bold" FontSize="12" HorizontalAlignment="Center" Margin="0,6,0,6" Text="{Binding}" VerticalAlignment="Center"/>
                    </DataTemplate>
                </ControlTemplate.Resources>
                <Grid x:Name="PART_Root">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="Disabled">
                                <Storyboard>
                                    <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PART_DisabledVisual"/>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                        <Border BorderBrush="#FFFFFFFF">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="3*"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                </Grid.RowDefinitions>
                                <Border Background="{DynamicResource PrimaryBrush}" Grid.ColumnSpan="3"/>
                                <!-- 日历头部按钮 颜色等 -->
                                <Button x:Name="PART_PreviousButton" Grid.Row="0" Grid.Column="0" Width="50" Height="50" Focusable="False" Content="&lt;"
                                        FontSize="30" Style="{StaticResource  CalendarButton}" HorizontalAlignment="Left" />
                                <Button x:Name="PART_HeaderButton" Foreground="White" Grid.Column="1" FontWeight="Bold" FontSize="16" HorizontalAlignment="Center" Grid.Row="0"
                                        Style="{StaticResource CalendarButton}"/>
                                <Button x:Name="PART_NextButton" Width="50" Height="50" Padding="16" Grid.Row="0" Grid.Column="2" Focusable="False" Content="&gt;"
                                        FontSize="30" Style="{StaticResource CalendarButton}"  HorizontalAlignment="Right"/>
                                
                                <Grid Width="240" Height="240" x:Name="PART_MonthView" Margin="10" Grid.ColumnSpan="3" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Visibility="Visible">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                    </Grid.RowDefinitions>
                                </Grid>
                                <Grid Width="240" Height="240" x:Name="PART_YearView" Margin="10" Grid.ColumnSpan="3" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Visibility="Hidden">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                    </Grid.ColumnDefinitions>
                                    <Grid.RowDefinitions>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                        <RowDefinition/>
                                    </Grid.RowDefinitions>
                                </Grid>
                            </Grid>
                        </Border>
                    </Border>
                </Grid>
                <ControlTemplate.Triggers>
                    <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 x:Key="CalendarBaseStyle" TargetType="{x:Type Calendar}">
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Background" Value="White"/>
    <Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="CalendarDayButtonStyle" Value="{StaticResource CalendarDayButtonStyle}"/>
    <Setter Property="CalendarButtonStyle" Value="{StaticResource CalendarButtonStyle}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Calendar}">
                <StackPanel x:Name="PART_Root" HorizontalAlignment="Center">
                    <CalendarItem x:Name="PART_CalendarItem" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style TargetType="{x:Type Calendar}" BasedOn="{StaticResource CalendarBaseStyle}"/>

<LinearGradientBrush x:Key="PrimaryBrush" EndPoint="1,0" StartPoint="0,0">
    <GradientStop Color="#73a5ff" Offset="0"/>
    <GradientStop Color="#5477f5" Offset="1"/>
</LinearGradientBrush>

<LinearGradientBrush x:Key="DangerBrush" EndPoint="1,0" StartPoint="0,0">
    <GradientStop Color="#ff8792" Offset="0"/>
    <GradientStop Color="#ff4c9f" Offset="1"/>
</LinearGradientBrush>

3、键值生成，设置日历控件为全局引用

<Style TargetType="{x:Type Calendar}" BasedOn="{StaticResource CalendarBaseStyle}"/>

4、外部引用

<Calendar Margin="32" SelectionMode="MultipleRange" SelectedDate="{ Binding CalendarTime}"/>

5、获取日历时间属性

private DateTime calendarTime;
public DateTime CalendarTime
{
      get { return calendarTime; }
      set
      {
              calendarTime = value;
              NotifyOfPropertyChange(() => CalendarTime);
      }
}

 

^@^lemon tea^@^
关注
专栏目录
WPF日历
weixin_44545712的博客
01-20 472
WPF日历 开发工具：VisualStudio2015 关键技术：WPF 作者：纳兹撰写时间：2021年1月8日 首先是建立一个日历控件 在WPF 中其实日历控件早已存在，对于WPF 4 中的日历控件创建起来 很简单：1. 可以直接从Toolbox 中将Calendar拖到设计窗口；2. 或直接在XAML 中写入<Calendar 代码。代码如下： DisplayMode 用来调整日历显示,下面为Month，12个月可选择月份，还可设置年和日。 IsTodayHighli...
WPF 自己画日历
bangjuechun1812的博客
01-22 486
比较尴尬微软提供得日历控件不能很好得修改日按钮，导致一些需求完成不了。。。为为了不重复造轮子网上各种找，最后没找到还是自己造轮子吧。目前只完成当月得显示。 先看效果图 嗯！就是这样子，还没来的及美化。首先界面代码： <GroupBox Margin="0,0,10,10" Grid.Column="1"> <GroupBo...
WPF 自定义Calendar样式（日历样式，周六周日红色显示）
weixin_30437481的博客
04-17 360
WPF 自定义Calendar样式（日历样式，周六周日红色显示） 原文:WPF 自定义Calendar样式（日历样式，周六周日红色显示）一、WPF日历控件基本样式 通过Blend获取到Calendar需要设置的三个样式CalendarStyle、CalendarButtonStyle、CalendarDayButtonStyle、Calend...
wpf VisualStateManager.VisualStateGroups 介绍和举例
最新发布
08-22 558
是 WPF (Windows Presentation Foundation) 和 UWP (Universal Windows Platform) 中用于控制 UI 元素在不同状态（如鼠标悬停、选中、未激活等）下视觉表现的一个机制。它通过定义一系列的视觉状态（Visual States）和状态组（Visual State Groups），允许开发者在不同条件下动态地改变控件的外观，从而提供更丰富和响应式的用户体验。
分享一个WPF下日历控件（Calendar）的样式
weixin_34032621的博客
08-10 326
WPF日历控件的一个样式 WPF自带的日历控件样式可能会比较丑，要修改其样式看起来挺复杂的，实际上很简单，用Blend打开，修改三个模板，基本就能改变全部面貌，也很容易 先上图 样式如下： <Style TargetType="TextBlock" x:Key="AwesomeTextStyle"> <Setter Property="...
WPF Calendar 日历控件 样式自定义
weixin_30263277的博客
03-07 253
粗略的在代码上做了些注释 blend 生成出来的模版 有的时候 会生成 跟 vs ui界面不兼容的代码 会导致可视化设计界面 报错崩溃掉 但是确不影响 程序的编译运行 这个样式表 在vs 里会提示动画不兼容 Foreground属性 报错 先上图看下样式 下面是代码 View Code 1 <Window x:Class="CalendarS...
WPF——自定义日历
三千幻想乡
07-31 2530
先说说历史，当微软在2006年发布WPF时，所有人都认为它少了点东西，其中最明显的就是日历控件（calendarcontrols）。这很奇怪——毕竟，WinForms都有MonthCalendar和DateTimePicker控件，为什么不把它们直接移植到WPF上呢？但是将控件移植到WPF上并不是简单的更改属性和事件名称就能达成的（如果这么简单，我现在也不用写这篇文章了）。WPF控件必须是“无外观的”（lookless）。什么是无外观（lookless）？.....................
C#WPF界面设计模板，一键搞定开发需求
08-24
在本资源中，我们拥有一套"C# WPF界面设计模板"，这是一组预设计的界面元素和布局，旨在帮助开发者快速搭建功能丰富的应用程序界面，节省开发时间和精力。 首先，WPF的核心特性包括数据绑定、控件模板、样式和...
WPF日历控件简单样式-1种
05-06
在Windows Presentation Foundation (WPF) 中，日历控件（Calendar Control）是一种常见的用户界面元素，用于显示日期选择器。本资源提供了一个简单的日历控件样式，是开发者个人业余时间创作的成果，旨在帮助WPF...
WPF日历控件TestMainWindow.zip
11-13
《深入探索WPF日历控件的开发与应用》 WPF（Windows Presentation Foundation）作为.NET框架的一部分，为开发者提供了丰富的界面元素和强大的图形渲染能力。在开发Windows桌面应用程序时，日历控件是一个常见的需求...
WPF窗体模板
11-29
**WPF窗体模板详解** 在Windows Presentation Foundation（WPF）中，创建窗体与传统的Windows Forms（WINFORM）有着显著的区别。WPF提供了一种更强大、更灵活的用户界面设计方式，允许开发者利用丰富的图形效果和...
WPF 做的一款日历
08-06
WPF 做的一款日历，代码其实很短，你懂得
wpf写一个日历
08-22
详情见 http://blog.csdn.net/a582127421/article/details/77488800
开源的一个WPF日历控件
11-03
开源的一个WPF日历控件，样式有点让我难以接受，不过还好，资源文件都在，可以自己改！ 示例地址：http://blog.csdn.net/homezzm/archive/2009/11/03/4762791.aspx
WPF日期控件模板重写
03-19
该项目重写了WPF中的日期控件，选择当前日期，过去日期，可选日期，整体界面重新重写。另一个项目带有滚动时间，按像素点滚动。
wpf 自定义日历盒（包括阴历）
03-06
该资源是使用WPF开发的一个自定义日历控件，带有阴历
漂亮的WPFUI模板
11-29
**WPF UI 模板详解** Windows Presentation Foundation (WPF) 是微软开发的一种用户界面框架，用于构建桌面应用程序。它提供了丰富的图形系统、强大的数据绑定功能、以及对2D和3D图形、图像、文本和媒体的支持。...
WPF DatePicker与Calendar的使用和样式修改
lvxingzhe3的博客
01-03 4079
WPF DatePicker与Calendar的使用和样式修改(可选择日期和时间)
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值