[WinUI 3][NumberBox] 増分/減分ステップ数を変更する

今回は、NumberBox における数値の増分/減分ステップ数を変更する方法について説明します。

環境

数値の増分/減分ステップを変更する

NumberBoxの数値がどれだけ変化をするかは、SmallChange プロパティと LargeChange プロパティで変更することができます。

キーボード操作の場合は[↑][↓]キーとスクロールが SamllChange プロパティで設定した値での増分/減分をし、[PgUp][PgDn]キーで LargeChange プロパティで設定した値での増分/減分をします。

以下は、XAMLで SmallChangeプロパティに”5″、LargeChangeプロパティに”10″を設定する例です。

<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" 
                        SmallChange="5"
                        LargeChange="10"/>
    </StackPanel>
</Window>

コードからSmallChange プロパティ、LargeChange プロパティを変更する場合は以下のようにします。

public MainWindow()
{
    this.InitializeComponent();
    myNumberBox.SmallChange = 5;
    myNumberBox.LargeChange = 10;
}

SmallChangeとLargeChangeによる増分/減分ステップの変更

WinUI 3 Tips一覧

WinUI 3 のTips 一覧はこちら

Please follow and like us: