[WinUI 3][TextBox] TextBox の基本使用方法

この記事では TextBox の基本使用方法について説明をします。

公式サイト情報はコチラを参照してください。

環境

TextBox の基本使用方法

TextBox は、ユーザーにテキストを入力させるためのコントロールです。

XAML で TextBox を作成するには、<TextBox> を使用し、あらかじめ表示したいテキストは Text プロパティに設定します。

以下の例では、TextBox を表示して Text プロパティに「Hello World!!」を表示する例です。

XAML による例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    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">

        <TextBox x:Name="myTextBox"
                 Text="Hello World!!" />
    </StackPanel>
</Window>

C# による例

public MainWindow()
{
    this.InitializeComponent();

    myTextBox.Text = "Hello World!!";
}

TextBox の使用例

入力されているテキストを取得する

入力されているテキストを取得するには Text プロパティを参照します。

以下は、[テキストを取得]ボタンをクリックすると、入力されたテキストが TextBlock に表示されます。

XAML の例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    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">

        <TextBox x:Name="myTextBox"
                 Text="Hello World!!" />
        <TextBlock x:Name="myTextBlock" />
        <Button x:Name="myButton" Content="テキストを取得" 
                Click="myButton_Click" />
    </StackPanel>
</Window>

C# の例

private void myButton_Click(object sender, RoutedEventArgs e)
{
    myTextBlock.Text = myTextBox.Text;
}

入力されたテキストの取得

WinUi Tips

本サイトでまとめている WinUI Tips の一覧はこちらから確認できます。

Please follow and like us: