[WinUI 3][NumberBox] 入力検証を有効にする

今回は、NumberBox コントロールの入力検証を有効にして、数値以外の不正な値が入力されないようにする方法について説明します。

環境

数値の入力検証を有効にする

ValidationMode プロパティに InvalidInputOverwritten を設定すると数値の入力検証を有効にし不正な値が入力されないようにすることができます。

以下に InvalidInputOverwritten を設定する例を示します。誤って文字列などを入力してしまった場合は、以前に入力していた有効な数値に自動で置き換わります。

<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="myNumberBox1"
                        ValidationMode="InvalidInputOverwritten"/>

    </StackPanel>
</Window>

コードで設定するには以下のようにします。

public MainWindow()
{
    this.InitializeComponent();
    myNumberBox1.ValidationMode = NumberBoxValidationMode.InvalidInputOverwritten;
}

WinUI 3 Tips一覧

WinUI 3 のTips 一覧はこちら

Please follow and like us: