[WinUI 3][Button] ボタンにアイコンを表示する

Button

2022.05.10

この記事では Button にアイコンを表示する方法について説明をします。

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

ボタンにアイコンを使用する例

環境
ボタンにアイコンを表示する
WinUi Tips

環境

開発環境	Microsoft Visual Studio Enterprise 2019 Version 16.11.5
Framework	Microsoft .NET Framewohttps://blog.hiros-dot.net/?p=11007rk Version 4.8.04161

ボタンにアイコンを表示する

ボタンにアイコンを表示するには、<SymbolIcon> を使用します。

以下に例を示します。

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">
            <SymbolIcon Symbol="Accept" Foreground="Blue"/>
        </Button>
    </StackPanel>
</Window>

ボタンにアイコンを使用する例