[WinUI 3][NumberBox] プレースホルダを表示する

スポンサーリンク

今回は、NumberBox にプレースホルダを表示する方法について説明します。

スポンサーリンク

環境

開発環境Microsoft Visual Studio Professional 2019 Preview
Version 16.11.0 Preview 3.0
FrameworkMicrosoft .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
スポンサーリンク

プレースホルダの表示

プレースホルダを表示するには Header プロパティを使用します。

以下は、プレースホルダに「年齢を入力」を表示するXAML の例です。

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

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
        <muxc:NumberBox x:Name="myNumberBox" 
                        PlaceholderText="年齢を入力" />
    </StackPanel>
</Window>

コードからプレースホルダを設定する場合は以下のようにします。

public MainWindow()
{
    this.InitializeComponent();
    myNumberBox.PlaceholderText = "年齢を入力";
}
プレースホルダの表示例

プレースホルダの表示例

スポンサーリンク

WinUI 3 Tips一覧

WinUI 3 のTips 一覧はこちら

Please follow and like us:

コメント

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