WPF 4 日歷控件（Calendar） 原文:WPF 4 日歷控件（Calendar）

???? 在之前我已經(jīng)寫過兩篇關(guān)于WPF 4 任務(wù)欄（Taskbar）相關(guān)的特性。相信自從VS2010 Beta 版放出后，WPF 的粉絲們肯定在第一時(shí)間了解了WPF 4 的一些新控件及新功能。趕在明天Visual Studio 2010 正式版發(fā)布前，我先來介紹一下WPF 4 中日歷控件的一些功能及屬性，就作為明天發(fā)布會(huì)的熱身準(zhǔn)備吧。

創(chuàng)建日歷控件

???? 在WPF ToolKit 中其實(shí)日歷控件早已存在，對(duì)于WPF 4 中的日歷控件創(chuàng)建起來也很簡(jiǎn)單：1. 可以直接從Toolbox 中將Calendar 拖到設(shè)計(jì)窗口；2. 或直接在XAML 中寫入<Calendar>代碼。

<Window x:Class="WpfControlTest.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="MainWindow" Height="350" Width="525"><Grid><Calendar Margin="0,50,0,0" Name="calendarCtl"/></Grid> </Window>

DisplayMode 屬性

???? DisplayMode 用來調(diào)整日歷顯示模式，分為Month、Year 和Decade 三種（如下表），默認(rèn)情況下為Month 模式。

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month"/>

設(shè)置這三種模式后其效果分別如下圖所示：

SelectionMode 屬性

???? SelectionMode 屬性可以調(diào)整選擇日期的方式：None、SingleDate、SingleRange、MultipleRange，下面逐一看下對(duì)日期選擇到底有什么影響。

1. None：看到這個(gè)詞肯定是不能選擇日期的意思了～

2. SingleDate：只可以選擇唯一日期。如圖所示，只能選擇像4.12 這樣的單一且唯一的日期。

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" SelectionMode="SingleDate"/>

3. SingleRange：選擇一組日期范圍。如圖所示，可以通過在日歷中拖動(dòng)鼠標(biāo)選擇一組從4.19～4.25 的日期范圍，或通過Shift 鍵并用鼠標(biāo)選擇起始和結(jié)束兩個(gè)日期。

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" SelectionMode="SingleRange"/>

4. MultipleRange：可以選擇多組連續(xù)的日期范圍。如圖所示，通過Ctrl 鍵和鼠標(biāo)拖動(dòng)選擇多組日期范圍。

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" SelectionMode="MultipleRange"/>

BlackoutDates 屬性

???? BlackoutDates 屬性用來定義一些不可以選擇的日期項(xiàng)，通過下面XAML 代碼我們定義了一些不能選擇的日期：

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month"><Calendar.BlackoutDates><CalendarDateRange Start="2010/4/1" End="2010/4/3"/><CalendarDateRange Start="2010/4/14" End="2010/4/18"/><CalendarDateRange Start="2010/4/27" End="2010/4/27"/></Calendar.BlackoutDates> </Calendar>

從下圖可以看到，BlackoutDates 中定義的日期在日歷中呈現(xiàn)打叉狀態(tài)：

DisplayDateStart 與 DisplayDateEnd 屬性

???? 這兩個(gè)屬性組合使用可以圈定一個(gè)日期范圍，范圍外的日期將不顯示在日歷中。假設(shè)我們只顯示4.10～4.20：

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" DisplayDateStart="2010/4/10"DisplayDateEnd="2010/4/20">

IsTodayHighlighted 屬性

???? 調(diào)整是否高亮當(dāng)天日期，默認(rèn)為True。

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" IsTodayHighlighted="False"/>

FirstDayOfWeek 屬性

???? 默認(rèn)情況下日歷每周的第一天為周日，可以通過FirstDayOfWeek 隨意修改。例如改為周一：

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" FirstDayOfWeek="Monday"/>

FlowDirection 屬性

???? 調(diào)整日歷的日期顯示順序：LeftToRight、RightToLeft，默認(rèn)為L(zhǎng)eftToRight。將其顛倒一下：

<Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" FlowDirection="RightToLeft"/>

日期按鍵樣式

???? 我們可以通過CalendarDayButtonStyle 為日期按鍵自定義樣式：

<Window x:Class="WpfControlTest.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="MainWindow" Height="350" Width="525"><Window.Resources><Style TargetType="CalendarDayButton" x:Key="CalendarDayBtnStyle"><Setter Property="Background"><Setter.Value><LinearGradientBrush StartPoint="0,0" EndPoint="1,1"><GradientStop Color="White" Offset="0"/><GradientStop Color="Green" Offset="1"/></LinearGradientBrush></Setter.Value></Setter></Style></Window.Resources><Grid><Calendar Margin="0,50,0,0" Name="calendarCtl" DisplayMode="Month" CalendarDayButtonStyle="{StaticResource CalendarDayBtnStyle}"/></Grid> </Window>

最后期待Visual Studio 2010 發(fā)布盛會(huì)

posted on 2018-08-08 14:31 NET未來之路 閱讀(...) 評(píng)論(...) 編輯 收藏

轉(zhuǎn)載于:https://www.cnblogs.com/lonelyxmas/p/9442594.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的WPF 4 日历控件（Calendar）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。