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

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

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

ボタンの使用例

環境

Button の基本使用方法

XAML で Button を作成するには <Button> を使用します。

また、ボタンの表面に表示する文字列は Content プロパティを、クリックされたときのイベントは Click イベントを使用します。

以下の例では、[Click me!!] ボタンをクリックすると、「クリックされました」という文字列を表示します。

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 x:Name="myStackPanel" Orientation="Vertical" HorizontalAlignment="Left" >

        <Button x:Name="myButton" Content="Click me!!" Click="myButton_Click"/>
        <TextBlock x:Name="myTextBlock" />
    </StackPanel>
</Window>

C# の例

private void myButton_Click(object sender, RoutedEventArgs e)
{
    myTextBlock.Text = "クリックされました";
}

ボタンの使用例

WinUi Tips

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

Please follow and like us: