[WinUI 3][TimePicker] ヘッダーテキストを設定する

スポンサーリンク

本記事では、TimePikcer にヘッダーテキストを設定する方法について説明します。

今回は、TimePicker に任意の日付を表示する方法と、選択した日付を取得する方法について説明します。

環境

開発環境 Microsoft Visual Studio Professional 2019 Preview
Version 16.11.0 Preview 3.0
Framework Microsoft .NET Framework Version 4.8.04084
その他 Microsoft.Project Reunion 0.8.0-preview
Microsoft.ProjectReunion.Foundation 0.8.0-preview
Microsoft.ProjectReunion.WinUI 0.8.0-preview
Microsoft.UI.Xaml 2.6.1

ヘッダーテキストを表示する

TimePicker は、その役割を説明するために、ヘッダーテキストを表示することができます。

ヘッダーテキストは Header プロパティで設定することができます。

以下は、ヘッダーテキストに「時刻を選択」という文字列を表示する例です。

XAML の例は以下の通りです。

<Window
    x:Class="TimePickerSample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:DatePickerSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Top">
        <TimePicker x:Name="myTimePicker" Header="時刻を選択"/>
    </StackPanel>
</Window>

C# でヘッダーテキストを設定する場合は以下のようにします。

public MainWindow()
{
    this.InitializeComponent();
    myTimePicker.Header = "時刻を選択";
}
ヘッダーテキストを設定する例

ヘッダーテキストを設定する例

Please follow and like us:

コメント

タイトルとURLをコピーしました