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

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

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

環境

PasswordBox の基本使用方法

PasswordBox は、ユーザーにパスワードを入力させるためのコントロールです。

XAML で PasswordBox を作成するには、<PasswordBox> を使用し、入力されたパスワードは、Password プロパティで取得します。

以下の例では、XAML で PasswordBox を設置して、[パスワードを取得]ボタンをクリックされたときに、Password プロパティでパワスワードを参照し、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">

        <PasswordBox x:Name="myPasswordBox"
                 Width="150" />

        <Button x:Name="myButton" 
                Content="パスワードを取得"
                Click="myButton_Click" />
        <TextBlock x:Name="myTextBlock" />

    </StackPanel>
</Window>

C# の例

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

PasswordBox の使用例

WinUi Tips

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

Please follow and like us: