こんにちは！ニアです。
今回はUWP（ユニバーサルWindowsプラットフォーム）アプリで、DateTime型データをバインディングする時に、書式やカルチャ情報を指定できるようにする方法を紹介します。
#1. WPFアプリにおけるDateTime型データのバインディングで、書式やカルチャ情報を指定する
その前に比較として、WPFアプリでの方法を説明します。
コントロールのBindingクラス（System.Windows.Data名前空間）のStringFormatプロパティに書式を、ConverterCultureプロパティにカルチャ情報を指定します。
WPFアプリにおけるDateTime型データのバインディングで、書式とカルチャ情報を指定
<TextBlock Text="{Binding 「DateTime型のデータを返すプロパティ」,
StringFormat=「書式」, ConverterCulture=「カルチャ情報」}"/>
MainWindow.xaml
<Window x:Class="DateTimeTest.MainWindow"
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:local="clr-namespace:DateTimeTest"
mc:Ignorable="d"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<Style x:Key="TestStyle" TargetType="TextBlock">
<Setter Property="FontSize" Value="16"/>
<Setter Property="Margin" Value="10, 5"/>
<Setter Property="Foreground" Value="White"/>
</Style>
</Window.Resources>
<Window.DataContext>
<local:Sample />
</Window.DataContext>
<Grid Background="Black">
<StackPanel>
<!-- デフォルト -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime}"/>
<!-- 書式を「yyyy年MM月dd日 HH:mm:ss」と指定した時 -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime, StringFormat=yyyy年MM月dd日 HH:mm:ss}"/>
<!-- カルチャ情報を「ja-JP」と指定した時 -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime, ConverterCulture=ja-JP}"/>
<!-- カルチャ情報を「en-US」と指定した時 -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime, ConverterCulture=en-US}"/>
</StackPanel>
</Grid>
</Window>
MainWindow.xaml.cs
using System;
using System.Windows;
namespace DateTimeTest {
public partial class MainWindow : Window {
public MainWindow() {
InitializeComponent();
}
}
public class Sample {
public DateTime NowTime { get; set; } = DateTime.Now;
}
}
#2. UWPアプリにおけるDateTime型データのバインディングで、書式やカルチャ情報を指定する
しかしながら、UWPアプリのBindingクラス（Windows.UI.Xaml.Data名前空間）には、StringFormatプロパティやConverterCultureプロパティがありません。
代わりに、IValueConverterインターフェースを継承したConverterクラスを作成し、そのパラメーターに書式やカルチャ情報を渡すようにします。
IValueConverterインターフェースのConverメソッドのパラメーターにあるparameterを書式に、languageをカルチャ情報として使用し、実装していきます。
parameterはobject型なので、object.ToStringメソッドでstring型に変換しておき、languageはCultureInfoクラスのコンストラクターの引数に指定してオブジェクトを生成しておき、それぞれをDateTime.ToStringメソッドの引数に指定します。
// valueはDateTime型データを格納したobject型変数です。
( ( DateTime )value ).ToString( parameter.ToString(), new CultureInfo( language ) )
DateTimeStringConverter.cs
using System;
using System.Globalization;
using Windows.UI.Xaml.Data;
namespace DateTimeTestUWP {
// 書式やカルチャ情報を指定して、DateTimeオブジェクトを文字列に変換します。
class DateTimeStringConverter : IValueConverter {
public object Convert( object value, Type targetType, object parameter, string language ) {
// valueがDateTime型の時
if( value != null && value is DateTime ) {
// parameterを書式、languageをカルチャ情報として使用します。
// parameterとlanguageが指定されている時
if( parameter != null && language != null ) {
return ( ( DateTime )value ).ToString( parameter.ToString(), new CultureInfo( language ) );
}
// parameterのみ指定されている時
else if( parameter != null ) {
return ( ( DateTime )value ).ToString( parameter.ToString() );
}
// languageのみ指定されている時
else if( language != null ) {
return ( ( DateTime )value ).ToString( new CultureInfo( language ) );
}
// 何も指定されていない時
return value;
}
return null;
}
public object ConvertBack( object value, Type targetType, object parameter, string language ) {
// 中略
}
}
}
作成したConverterクラスをPage.Resourcesに追加します。
ConverterクラスをPage.Resourcesに追加
<!-- local : XML名前空間 "using:DateTimeTestUWP" -->
<local:DateTimeStringConverter x:Key="DateTimeStringConverter"/>
コントロールのBindingクラスのConverterParameterプロパティに書式を、ConverterLanguageプロパティにカルチャ情報を指定します。
（ConverterParameterに指定した値がparameterに、ConverterLanguageに指定した値がlanguageに渡されます）
UWPアプリにおけるDateTime型データのバインディングで、書式とカルチャ情報を指定
<TextBlock Text="{Binding 「DateTime型のデータを返すプロパティ」,
Converter={StaticResource DateTimeStringConverter}
ConverterParameter=「書式」, ConverterLanguage=「カルチャ情報」}"/>
MainPage.xaml
<Page
x:Class="DateTimeTestUWP.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DateTimeTestUWP"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<local:DateTimeStringConverter x:Key="DateTimeStringConverter"/>
<Style x:Key="TestStyle" TargetType="TextBlock">
<Setter Property="FontSize" Value="16"/>
<Setter Property="Margin" Value="10, 5"/>
<Setter Property="Foreground" Value="{ThemeResource ApplicationForegroundThemeBrush}"/>
</Style>
</Page.Resources>
<Page.DataContext>
<local:Sample/>
</Page.DataContext>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<StackPanel>
<!-- デフォルト -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime}"/>
<!-- 書式を「yyyy年MM月dd日 HH:mm:ss」と指定した時 -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime, Converter={StaticResource DateTimeStringConverter},
ConverterParameter=yyyy年MM月dd日 HH:mm:ss}"/>
<!-- カルチャを「ja-JP」と指定した時 -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime, Converter={StaticResource DateTimeStringConverter},
ConverterLanguage=ja-JP}"/>
<!-- カルチャを「en-US」と指定した時 -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{Binding NowTime, Converter={StaticResource DateTimeStringConverter},
ConverterLanguage=en-US}"/>
<!-- x:Bindでバインディング -->
<TextBlock Style="{StaticResource TestStyle}"
Text="{x:Bind Path=Sample1.NowTime, Converter={StaticResource DateTimeStringConverter}, ConverterParameter=yyyy年MM月dd日 HH:mm:ss, ConverterLanguage=ja-JP}"/>
</StackPanel>
</Grid>
</Page>
MainPage.xaml.ca
using System;
using Windows.UI.Xaml.Controls;
namespace DateTimeTestUWP {
public sealed partial class MainPage : Page {
public MainPage() {
InitializeComponent();
Sample1 = DataContext as Sample;
}
// x:Bind用
public Sample Sample1 { get; set; }
}
public class Sample {
public DateTime NowTime { get; set; } = DateTime.Now;
}
}
これで、書式やカルチャ情報を指定して、DateTime型データをバインディングすることができました！
それでは、See you next!