Silverlight-calendar-datepicker
Silverlight-カレンダーと日付ピッカー
*Calendar&DatePicker* は、ユーザーが視覚的なカレンダー表示を使用して日付を選択できるようにするコントロールを表します。 マウスまたはキーボードを使用した基本的なナビゲーションを提供します。 ご存知のように、SilverlightはWPFの厳密なサブセットではありません。 たとえば、WPFには日付を選択するためのコントロールがなく、Silverlightには *calendar* コントロールと *DatePicker* の両方があります。
いくつかの重要な機能は-
- カレンダーコントロールは比較的大きく、全体を表示したい場合に便利です。
- DatePicker のデフォルトの外観はよりコンパクトです。
- その寸法は、テキストフィールドの寸法に似ているため、多くのフィールドを持つフォームにより適しています。
- DatePicker は、ユーザーインターフェイスのような Calendar に費やされます。
Calendarクラスの階層継承は次のとおりです-
以下は、 Calendar クラスの最も一般的に使用される*プロパティ*です。
以下は、カレンダーの最も一般的に使用されるプロパティです。
Sr. No. | Properties & Description |
---|---|
1 |
BlackoutDates 選択不可としてマークされている日付のコレクションを取得します。 |
2 |
CalendarButtonStyle コントロールの内部CalendarButtonオブジェクトに関連付けられたスタイルを取得または設定します。 |
3 |
CalendarDayButtonStyle コントロールの内部CalendarDayButtonオブジェクトに関連付けられたスタイルを取得または設定します。 |
4 |
CalendarItemStyle コントロールの内部CalendarItemオブジェクトに関連付けられたスタイルを取得または設定します。 |
5 |
DisplayDate 表示する日付を取得または設定します。 |
6 |
DisplayDateEnd カレンダーで利用可能な日付範囲の最後の日付を取得または設定します。 |
7 |
DisplayDateStart カレンダーで利用可能な最初の日付を取得または設定します。 |
8 |
DisplayMode カレンダーに月、年、または年を表示するかどうかを示す値を取得または設定します。 |
9 |
FirstDayOfWeek 週の始まりと見なされる日を取得または設定します。 |
10 |
IsTodayHighlighted 現在の日付が強調表示されているかどうかを示す値を取得または設定します。 |
11 |
SelectedDate 現在選択されている日付を取得または設定します。 |
12 |
SelectedDates 選択した日付のコレクションを取得します。 |
13 |
SelectionMode 許可される選択の種類を示す値を取得または設定します。 |
以下は、 Calendar クラスで一般的に使用される methods です。
以下に、カレンダーの最も一般的に使用される方法を示します。
Sr. No. | Method & Description |
---|---|
1 |
OnApplyTemplate 新しいテンプレートが適用されたときに、カレンダーコントロールのビジュアルツリーを構築します。 (FrameworkElement.OnApplyTemplate()をオーバーライドします)。 |
2 |
ToString 選択した日付のテキスト表現を提供します。 (Control.ToString()をオーバーライドします)。 |
以下は、 Calendar クラスで一般的に使用される*イベント*です。
以下は、カレンダーで最も一般的に使用されるイベントです。
Sr. No. | Events & Description |
---|---|
1 |
DisplayDateChanged DisplayDateプロパティが変更されたときに発生します。 |
2 |
DisplayModeChanged DisplayModeプロパティが変更されたときに発生します。 |
3 |
SelectedDatesChanged SelectedDatesプロパティによって返されるコレクションが変更されたときに発生します。 |
4 |
SelectionModeChanged SelectionModeが変更されたときに発生します。 |
DatePickerクラスの階層的な継承は次のとおりです-
以下に、 DatePicker で最も一般的に使用される*プロパティ*の一部を示します。
以下は、DatePickerの最も一般的に使用されるプロパティです。
Sr. No. | Property & Description |
---|---|
1 |
CalendarIdentifier 使用するカレンダーシステムを取得または設定します。 |
2 |
CalendarIdentifierProperty CalendarIdentifier依存プロパティの識別子を取得します。 |
3 |
Date 日付ピッカーで現在設定されている日付を取得または設定します。 |
4 |
DateProperty Date依存プロパティの識別子を取得します。 |
5 |
DayFormat 日の値の表示形式を取得または設定します。 |
6 |
DayFormatProperty DayFormat依存プロパティの識別子を取得します。 |
7 |
DayVisible 日セレクターが表示されるかどうかを示す値を取得または設定します。 |
8 |
DayVisibleProperty DayVisible依存プロパティの識別子を取得します。 |
9 |
Header コントロールのヘッダーのコンテンツを取得または設定します。 |
10 |
HeaderProperty Header依存プロパティを識別します。 |
11 |
HeaderTemplate コントロールのヘッダーのコンテンツを表示するために使用されるDataTemplateを取得または設定します。 |
12 |
HeaderTemplateProperty HeaderTemplate依存プロパティを識別します。 |
13 |
MaxYear ピッキング可能なグレゴリオ暦の最大年を取得または設定します。 |
14 |
MaxYearProperty MaxYear依存プロパティの識別子を取得します。 |
15 |
MinYear ピッキングに使用できるグレゴリオ暦の最小年を取得または設定します。 |
16 |
MinYearProperty MinYear依存プロパティの識別子を取得します。 |
17 |
MonthFormat 月の値の表示形式を取得または設定します。 |
18 |
MonthFormatProperty MonthFormat依存関係プロパティの識別子を取得します。 |
19 |
MonthVisible 月セレクターが表示されるかどうかを示す値を取得または設定します。 |
20 |
MonthVisibleProperty MonthVisible依存プロパティの識別子を取得します。 |
21 |
Orientation 日、月、年のセレクターが水平または垂直に積み上げられているかどうかを示す値を取得または設定します。 |
22 |
OrientationProperty Orientation依存プロパティの識別子を取得します。 |
23 |
YearFormat 年の値の表示形式を取得または設定します。 |
24 |
YearFormatProperty YearFormat依存プロパティの識別子を取得します。 |
25 |
YearVisible 年セレクターが表示されるかどうかを示す値を取得または設定します。 |
26 |
YearVisibleProperty YearVisible依存プロパティの識別子を取得します。 |
以下に、 DatePicker クラスで最も一般的に使用される*イベント*の一部を示します。
以下は、DatePickerの最も一般的に使用されるイベントです。
Sr. No. | Event & Description |
---|---|
1 |
DateChanged 日付値が変更されたときに発生します。 |
2 |
DragEnter 入力システムが、この要素をターゲットとして基になるドラッグイベントを報告したときに発生します。 (UIElementから継承) |
3 |
DragLeave 入力システムが、この要素を起点として基本的なドラッグイベントを報告したときに発生します。 (UIElementから継承) |
4 |
DragOver 入力システムが潜在的なドロップターゲットとしてこの要素を持つ基本的なドラッグイベントを報告するときに発生します。 (UIElementから継承) |
5 |
DragStarting ドラッグ操作が開始されたときに発生します。 (UIElementから継承) |
6 |
GotFocus UIElementがフォーカスを受け取ったときに発生します。 (UIElementから継承) |
7 |
Holding この要素のヒットテスト領域上で未処理のホールド操作が発生すると発生します。 (UIElementから継承) |
8 |
IsEnabledChanged IsEnabledプロパティが変更されたときに発生します。 (Controlから継承) |
9 |
KeyDown UIElementにフォーカスがあるときにキーボードキーが押されると発生します。 (UIElementから継承) |
10 |
KeyUp UIElementにフォーカスがあるときにキーボードキーが離されると発生します。 (UIElementから継承) |
11 |
LostFocus UIElementがフォーカスを失ったときに発生します。 (UIElementから継承) |
以下は、 DatePicker クラスで最も一般的に使用される*メソッド*です。
以下は、DatePickerの最も一般的に使用されるメソッドです。
Sr. No. | Method & Description |
---|---|
1 |
ClearValue 依存関係プロパティのローカル値をクリアします。 (DependencyObjectから継承) |
2 |
FindName 指定された識別子名を持つオブジェクトを取得します。 (FrameworkElementから継承されます) |
3 |
OnApplyTemplate アプリケーションコードまたは内部プロセス(再構築レイアウトパスなど)がApplyTemplateを呼び出すたびに呼び出されます。 最も簡単に言えば、これは、UI要素がアプリに表示される直前にメソッドが呼び出されることを意味します。 このメソッドをオーバーライドして、クラスのデフォルトのテンプレート後ロジックに影響を与えます。 (FrameworkElementから継承されます) |
4 |
OnDragEnter DragEnterイベントが発生する前に呼び出されます。 (Controlから継承) |
5 |
OnDragLeave DragLeaveイベントが発生する前に呼び出されます。 (Controlから継承) |
6 |
OnDragOver DragOverイベントが発生する前に呼び出されます。 (Controlから継承) |
7 |
OnDrop Dropイベントが発生する前に呼び出されます。 (Controlから継承) |
8 |
OnGotFocus GotFocusイベントが発生する前に呼び出されます。 (Controlから継承) |
9 |
OnKeyDown KeyDownイベントが発生する前に呼び出されます。 (Controlから継承) |
10 |
OnKeyUp KeyUpイベントが発生する前に呼び出されます。 (Controlから継承) |
11 |
OnLostFocus LostFocusイベントが発生する前に呼び出されます。 (Controlから継承) |
12 |
SetBinding 提供されたバインディングオブジェクトを使用して、FrameworkElementにバインディングをアタッチします。 (FrameworkElementから継承されます) |
*Calendar* および *DatePicker* コントロールを含む簡単な例を見てみましょう。
<UserControl
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:sdk = "http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
x:Class = "DateControls.MainPage"
mc:Ignorable = "d"
d:DesignHeight = "300" d:DesignWidth = "400">
<Grid x:Name = "LayoutRoot" Background = "White">
<sdk:Calendar HorizontalAlignment = "Left" Height = "169"
Margin = "0,45,0,0" VerticalAlignment = "Top" Width = "230"/>
<sdk:DatePicker HorizontalAlignment = "Left" Height = "23"
Margin = "216,29,0,0" VerticalAlignment = "Top" Width = "120"/>
</Grid>
</UserControl>
上記のコードをコンパイルして実行すると、次の出力が表示されます。