[WinUI 3][NumberBox] 計算式の入力をサポートする

今回は、NumberBox に計算式を入力して、計算結果を表示する方法について説明します。

環境

計算式入力サポート

NumberBoxは数値を入力するだけではなく、+, -, *, / といった基本的な記号を使用して乗算、除算、加算、減算などの基本的な計算をすることができます。

計算式の入力ができるようにするには、以下に示すように AcceptsExpression に True を指定します。

<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="計算式を入力"
                        AcceptsExpression="True"/>
    </StackPanel>
</Window>

コードから計算式入力サポートを許可する場合は以下のようにします。

public MainWindow()
{
    this.InitializeComponent();
    myNumberBox.AcceptsExpression = true;
}

計算式の入力

計算結果の表示

WinUI 3 Tips一覧

WinUI 3 のTips 一覧はこちら

Please follow and like us: