通过Silverlight中Calendar控件的扩展学习XAML（下）

最新推荐文章于 2021-01-29 12:44:29 发布
最新推荐文章于 2021-01-29 12:44:29 发布
阅读量931 收藏 1
点赞数
分类专栏： Silverlight .net 文章标签： Calendar Silverlight XAML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zentby/article/details/9239721
版权


CalendarDayButtonStyle:

<Style x:Key="CalendarDayButtonStyle1"
	   TargetType="System_Windows_Controls_Primitives:CalendarDayButton">
	<Setter Property="Background"
			Value="#FFBADDE9" />
	<Setter Property="FontSize"
			Value="10" />
	<Setter Property="HorizontalContentAlignment"
			Value="Center" />
	<Setter Property="VerticalContentAlignment"
			Value="Center" />
	<Setter Property="MinWidth"
			Value="5" />
	<Setter Property="MinHeight"
			Value="5" />
	<Setter Property="Template">
		<Setter.Value>
			<ControlTemplate TargetType="System_Windows_Controls_Primitives: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="MouseOver">
								<Storyboard>
									<DoubleAnimation Duration="0"
													 To=".5"
													 Storyboard.TargetProperty="Opacity"
													 Storyboard.TargetName="Background" />
								</Storyboard>
							</VisualState>
							<VisualState x:Name="Pressed">
								<Storyboard>
									<DoubleAnimation Duration="0"
													 To=".5"
													 Storyboard.TargetProperty="Opacity"
													 Storyboard.TargetName="Background" />
								</Storyboard>
							</VisualState>
							<VisualState x:Name="Disabled">
								<Storyboard>
									<DoubleAnimation Duration="0"
													 To="0"
													 Storyboard.TargetProperty="Opacity"
													 Storyboard.TargetName="Background" />
									<DoubleAnimation Duration="0"
													 To=".35"
													 Storyboard.TargetProperty="Opacity"
													 Storyboard.TargetName="Content" />
								</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"
													 To=".75"
													 Storyboard.TargetProperty="Opacity"
													 Storyboard.TargetName="SelectedBackground" />
								</Storyboard>
							</VisualState>
						</VisualStateGroup>
						<VisualStateGroup x:Name="CalendarButtonFocusStates">
							<VisualStateGroup.Transitions>
								<VisualTransition GeneratedDuration="0" />
							</VisualStateGroup.Transitions>
							<VisualState x:Name="CalendarButtonFocused">
								<Storyboard>
									<ObjectAnimationUsingKeyFrames Duration="0"
																   Storyboard.TargetProperty="Visibility"
																   Storyboard.TargetName="FocusVisual">
										<DiscreteObjectKeyFrame KeyTime="0"
																Value="Visible" />
									</ObjectAnimationUsingKeyFrames>
								</Storyboard>
							</VisualState>
							<VisualState x:Name="CalendarButtonUnfocused">
								<Storyboard>
									<ObjectAnimationUsingKeyFrames Duration="0"
																   Storyboard.TargetProperty="Visibility"
																   Storyboard.TargetName="FocusVisual">
										<DiscreteObjectKeyFrame KeyTime="0"
																Value="Collapsed" />
									</ObjectAnimationUsingKeyFrames>
								</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="#FF777777"
													Storyboard.TargetProperty="(ContentControl.Foreground).(GradientBrush.GradientStops)[2].(GradientStop.Color)"
													Storyboard.TargetName="Content" />
									<ColorAnimation Duration="0"
													To="#FF777777"
													Storyboard.TargetProperty="(ContentControl.Foreground).(GradientBrush.GradientStops)[3].(GradientStop.Color)"
													Storyboard.TargetName="Content" />
								</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" />
									<DoubleAnimation Duration="0"
													 To="1"
													 Storyboard.TargetProperty="(ContentControl.Foreground).(GradientBrush.GradientStops)[1].(GradientStop.Offset)"
													 Storyboard.TargetName="Content" />
									<DoubleAnimation Duration="0"
													 To="1"
													 Storyboard.TargetProperty="(ContentControl.Foreground).(GradientBrush.GradientStops)[2].(GradientStop.Offset)"
													 Storyboard.TargetName="Content" />
								</Storyboard>
							</VisualState>
						</VisualStateGroup>
						<VisualStateGroup x:Name="BlackoutDayStates">
							<VisualStateGroup.Transitions>
								<VisualTransition GeneratedDuration="0" />
							</VisualStateGroup.Transitions>
							<VisualState x:Name="NormalDay" />
							<VisualState x:Name="BlackoutDay">
								<Storyboard>
									<DoubleAnimation Duration="0"
													 To=".2"
													 Storyboard.TargetProperty="Opacity"
													 Storyboard.TargetName="BlackoutVisual" />
								</Storyboard>
							</VisualState>
						</VisualStateGroup>
					</VisualStateManager.VisualStateGroups>
					<Rectangle x:Name="TodayBackground"
							   Fill="#FFAAAAAA"
							   Opacity="0"
							   RadiusY="1"
							   RadiusX="1" />
					<Rectangle x:Name="SelectedBackground"
							   Fill="{TemplateBinding Background}"
							   Opacity="0"
							   RadiusY="1"
							   RadiusX="1" />
					<Rectangle x:Name="Background"
							   Fill="{TemplateBinding Background}"
							   Opacity="0"
							   RadiusY="1"
							   RadiusX="1" />
					<ContentControl x:Name="Content"
									ContentTemplate="{TemplateBinding ContentTemplate}"
									Content="{TemplateBinding Content}"
									FontSize="{TemplateBinding FontSize}"
									HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
									IsTabStop="False"
									Margin="5,1,5,1"
									VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
									Style="{StaticResource ContentControlStyle1}">
						<ContentControl.Foreground>
							<LinearGradientBrush>
								<GradientStop Color="#FFFFFFFF"
											  Offset="0" />
								<GradientStop Color="#FFFFFFFF"
											  Offset="0" />
								<GradientStop Color="#FF333333"
											  Offset="0" />
								<GradientStop Color="#FF333333"
											  Offset="1" />
							</LinearGradientBrush>
						</ContentControl.Foreground>
					</ContentControl>
					<Path x:Name="BlackoutVisual"
						  Data="M8.1772461,11.029181 L10.433105,11.029181 L11.700684,12.801641 L12.973633,11.029181 L15.191895,11.029181 L12.844727,13.999395 L15.21875,17.060919 L12.962891,17.060919 L11.673828,15.256231 L10.352539,17.060919 L8.1396484,17.060919 L10.519043,14.042364 z"
						  Fill="#FF000000"
						  HorizontalAlignment="Stretch"
						  Margin="3"
						  Opacity="0"
						  RenderTransformOrigin="0.5,0.5"
						  Stretch="Fill"
						  VerticalAlignment="Stretch" />
					<Rectangle x:Name="FocusVisual"
							   IsHitTestVisible="false"
							   RadiusY="1"
							   RadiusX="1"
							   Stroke="#FF6DBDD1"
							   Visibility="Collapsed" />
				</Grid>
			</ControlTemplate>
		</Setter.Value>
	</Setter>
</Style>


这次先看看折叠版：

只有ContentControl是需要关注的核心，再看下Blend中的视图



注意到content的datacontext属性，不再是集成的Calendar，而是DateTime！也就是每一格的日期！而且至今我仍未有找到这个格子可绑定Observable<>属性的Source。

因为格子里既有原生的日期，也有需要自定义的部分，所以我们将Content用另一个模板加载：

<Style x:Key="ContentControlStyle1"
	   TargetType="ContentControl">
	<Setter Property="Foreground" Value="#FF000000" />
	<Setter Property="HorizontalContentAlignment" Value="Left" />
	<Setter Property="VerticalContentAlignment" Value="Top" />
	<Setter Property="Template">
		<Setter.Value>
			<ControlTemplate TargetType="ContentControl">
				<Grid>
					<Grid.RowDefinitions>
						<RowDefinition Height="Auto"></RowDefinition>
						<RowDefinition Height="*"></RowDefinition>
					</Grid.RowDefinitions>
					<ContentPresenter Cursor="{TemplateBinding Cursor}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
						<TextBlock FontFamily="Georgia"
								   FontSize="15"
								   Text="{TemplateBinding Content}"></TextBlock>
					</ContentPresenter>
					<TextBlock Grid.Row="1"
							   FontSize="8.5"
							   Foreground="#aa161616">
					<TextBlock.Text>
						<Binding Converter="{StaticResource LunaDateConverter}"/>
					</TextBlock.Text>
					</TextBlock>
				</Grid>
			</ControlTemplate>
		</Setter.Value>
	</Setter>
</Style>


这个模板定义了content的样式，同时，利用一个ValueConverter实现了公历日期（DataContext）向农历日期的转换。


本来这样也就OK了，可用ValueConverter的时候只有一个日期参数，有时我们需要相同的日期显示不同的内容，例如不同的班组会有不同的班次安排等。

自然的，一开始便想用ConverterParameter将ViewModel实例作为参数传进去，例如：

<TextBlock Grid.Row="1"
           FontSize="8.5"
           Text='{Binding Converter={StaticResource DateToShiftContentConverter},ConverterParameter={Binding DataContext}, Mode=OneWay}'
           Foreground="#aa161616"/>



但正如我之前所言，DayButton的Content绑定的DataContext不再是继承于Calendar，而是当前格子的日期，因此此处的Binding是找不到通向ViewModel的路径的。后来我想用TemplateBinding尝试将ViewModel从父级一层层传下来（如利用Tag属性）但还是无法找到父级，获取到的一直是null，终究作罢： 

<TextBlock Grid.Row="1"
	FontSize="8.5"
	Text='{Binding Converter={StaticResource DateToShiftContentConverter},ConverterParameter={TemplateBinding Tag}, Mode=OneWay}'
	Foreground="#aa161616"/>



期间我在网上各种查资料，试图设法将属性绑定到DayButton上，比如Josh Smith的 Attaching a Virtual Branch to the Logical Tree in WPF 就是一种通过所谓“逻辑树虚拟枝”技术将ViewModel间接保存下来供任意内容读取。但实现有点略复杂，试了试也没调好，遂作罢，但这篇文章给了我很好的思路。

最后，我通过ValueConverter的声明想到，可以尝试通过一个中间的静态资源实现ViewModel的传递：

<UserControl.Resources>
    <ViewModelConverter:DateToShiftContentConverter x:Key='DateToShiftContentConverter' />
    <ViewModel:CalendarMonthViewModel x:Key='CalendarMonthViewModel' />
    ......
</UserControl.Resources>

<UserControl.DataContext>
   <Binding  Source='{StaticResource CalendarMonthViewModel}' />
</UserControl.DataContext>
<TextBlock Grid.Row="1"
    FontSize="8.5"
    Foreground="#aa161616"
    Text='{Binding Converter={StaticResource DateToShiftContentConverter},ConverterParameter={StaticResource CalendarMonthViewModel}, Mode=OneWay}'
    FontFamily="Microsoft YaHei" />


如此，就完美解决的参数的传递问题。





在对Calendar个性化设置的路上，虽然走了不少弯路，但最终实现了功能的同时，自己对Xaml和Wpf的一些特性有了更深入的了解和学习。







zentby
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过Silverlight中Calendar控件的扩展学习XAML（上）
zentby的专栏
07-02 1729
#这里要写一下摘要# WPF中，自带的Calendar控件是这样子的： 而我们想要的结果是这样子的： 这个控件有两种方法去做。 一个是自己重新绘制图形，用一个7*6的表格来放日期，再根据当前月第一天的星期，计算出第一行第一列的日期，然后依次填充即可。详情可参考 Kelly Elias的这篇文章An Editable WPF Calendar Control，
Silverlight之控件应用总结（一）
Mr.Simple的专栏
04-03 1536
Silverlight之控件应用总结（一） 代码都是测试通过的，环境Silverlight4+VS2010企业版。 1.        控件总览 2.        功能概述 Silverlight控件一览表   序号 控件名 主要作用 1.           AutoCompleteBox
python爬silverlight_使用Python创建Silverlight控件
weixin_39715513的博客
12-05 211
其实关注Silverlight很久了，只是最初的版本令我很失望，1.0的Silverlight在我看来，就相当于强化版的VML或者SVG而已，多年以前(04年)我一直期待微软能出一个强大的web端插件，能够跟flash竞争，这么久以后，这个东西才逐渐变成现实。好吧，Silverlight 2有了，尽管它还是beta 版，先玩玩吧。我搞了一个Visual Studio 2008 Express版，装...
python创建控件_使用Python创建Silverlight控件
weixin_42350514的博客
01-29 246
其实关注Silverlight很久了，只是最初的版本令我很失望，1.0的Silverlight在我看来，就相当于强化版的VML或者SVG而已，多年以前(04年)我一直期待微软能出一个强大的web端插件，能够跟flash竞争，这么久以后，这个东西才逐渐变成现实。好吧，Silverlight 2有了，尽管它还是beta 版，先玩玩吧。我搞了一个Visual Studio 2008 Express版，装...
silverlight中常用的控件
wangxiaohui6687的专栏
07-02 3019
&quot（引号）  （换行符）  TextBlock中LineBreak />（换行）   一、布局控件 Canvas面板是一种很基础的布局面板，它支持对其中的控件采用绝对坐标定位。Canvas.Top和Canvas.Left。Canvas.ZIndex附加属性：如果指定了两个控件相对于父容器Canvas同样的边距，则后面声明的控件父覆盖前面声明的控件。这时我们可
《SilverLight2快速入门》之基本控件Calendar
weixin_33884611的博客
11-16 68
Calendar控件在工具箱中有，但是奇怪的是在SDK中并没有相关说明，也许是我本地安装有问题。我联想ASP.NET和WindowsForm中Calendar控件的相关用法，简单试验了一下。 下面试验实现获取选择的日期值，和使Calendar显示指定的日期值。 XAML代码中用到了Canvas布局。 <UserControlxmlns:ba...
python爬silverlight_Python创建Silverlight控件编写过程经验分享
weixin_39969257的博客
12-05 448
Python编程语言可以帮助我们实现哪些功能呢？它的主要应用范围都包括哪些呢？我们今天先来了解一下有关Python创建Silverlight控件的相关实现方法，以此来初步熟悉一下这一语言的应用方式以及功能特点。其实关注Silverlight很久了，只是最初的版本令我很失望，1.0的Silverlight在我看来，就相当于强化版的VML或者SVG而已，多年以前(04年)我一直期待微软能出一个强大的w...
Silverlight学习笔记五DatePicker和Calendar控件
weixin_34247299的博客
07-12 103
DatePicker、Calendar是SilverLight提供的日期控件。下面是一个例子 1.CalendarSample.xaml &lt;UserControl xmlns:sdk="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"  x:Class="Silverlight.Common...
Silverlight 的 Border 控件
jfdtygv的博客
11-14 92
Silverlight 的 Border 控件
silverlight 3 控件经典入门学习案例
03-15
案例中的控件全部有源代码示范学习为主。 1.Calendar组件（日历组件） 2.ChildWindow组件（子窗体组件） 3.浮动窗体组件 4.GridSplitter组件 5.TabControl组件 6-7-8.TreeView组件 9.DtarGrid 10.强大的...
silverlight自定义日历插件
06-23
它支持XAML（Extensible Application Markup Language）来定义用户界面，通过C#或VB.NET编写业务逻辑，并且提供了丰富的控件库和图形渲染能力。Silverlight应用可以跨浏览器运行，为用户提供类似于桌面应用的体验。 ...
silverlght 自定义日历控件例子
10-30
标题"silverlight 自定义日历控件例子"表明我们将讨论如何扩展内置的Calendar控件，以实现特定功能。这个自定义日历控件不仅提供标准的日历视图，还允许用户添加和控制星级的显示。这可能是为了实现评分系统、显示...
WPF、MVVM和Prism学习历程
zentby的专栏
06-26 3918
面对从天而降的两个专有名词，今日我开始了漫漫Mvvm和Prism的学习之路。 之前一直在做WinForm的开发，本身WPF就接触的不多，更别提Siverlight了。 好了说正题。 首先是进行5个小时左右的Silverlight学习，资料来源是Lynda.com.Silverlight.5.Essential.Training 主要要学习的核心内容包括 XAML（eXte
使用WPF的Generic.xaml加载样式的注意事项
zentby的专栏
07-30 2974
如果新建的类是继承的另一个控件，必须在新类的构造函数中设置DefaultStyleKey属性 public class CalendarMonthView : System.Windows.Controls.Calendar { public CalendarMonthView() { this.DefaultSty
读书《项目中的.Net》(1)
zentby的专栏
05-29 690
WinFrom中添加全局异常处理 在Main中添加 ThreadExceptionHandler handler = new ThreadExceptionHandler(); Application.ThreadException += new ThreadExceptionEventHandler( handler.Application_ThreadException); Sy
.Net开发相关的一些学习相关
zentby的专栏
07-25 587
最近继续学习Prism中，好多新东西分享一下： pluralsight ：一个国外的在线学习网站，和Lyndia很像，但是内容更专业一些，课程基本上涵盖了大部分编程相关的内容。按月收费，每月$29/$49，可以免费试用10天。 CodeSmith、SmartCode：代码自动生成工具，前者是收费软件，后者是开源的，没有仔细研究，貌似更多是辅助生成ORM模型用的。
Mnist数据集，用于人工智能相关基础模型的学习及编程练习
09-06
Mnist数据集，用于人工智能相关基础模型的学习及编程练习
水空两用无人机动力系统设计与研究.pdf
最新发布
09-06
水空两用无人机动力系统设计与研究.pdf
XAML与Silverlight入门教程：初学者指南
"该资源是一份面向初学者的WPF、SilverLight和XAML新技术文档，包含了一系列教程和基础知识，涵盖了从XAML的基本概念到Silverlight应用开发的多个方面，以及WPF中控件创建、布局管理和测试策略等内容。" 在IT领域，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值