メインコンテンツまでスキップ

「WinUI3」タグの記事が3件件あります

全てのタグを見る

Windows App SDK (WinUI3) の Button コンポーネントとサンプル

· 約2分
ひかり
ひかり
Main bloger

名前空間​

Microsoft.UI.Xaml.Controls

普通のボタン​

Button

<Button Content="Button" />

絵文字入りのボタン​

Button with icon

<Button>
    <StackPanel Orientation="Horizontal">
        <FontIcon Glyph="&#xED25;" FontFamily="Segoe MDL2 Assets" />
        <TextBlock Text="Open" Margin="8, 0, 0, 0" />
    </StackPanel>
</Button>

強調スタイルのボタン​

AccentStyleButton

<Button Style="{StaticResource AccentButtonStyle}" Content="Accent style button" />

幅いっぱいに伸ばす​

Stretch Button

<Button Content="Button" HorizontalAlignment="Stretch" />

ボタンの無効化​

Disabled Button

<Button IsEnabled="False" Content="Button" />

C# では ボタン.IsEnabled = 真偽値; で有効化 / 無効化が可能。

ボタンを非表示​

Visibility="Collapsed" でコンポーネントが無くなったように見える。Visibility="Visible" で表示。

<Button Name="Btn" Content="Button" Visibility="Collapsed" />

無効化されたボタンを C# で表示 / 非表示するには、以下のようにする。

/* 表示 */
Btn.Visibility = Visibility.Visible;

/* 非表示 */
Btn.Visibility = Visibility.Collapsed;

関数の呼び出し​

C#​

void Button_Click(object sender, RoutedEventArgs e)
{
    // 処理
}

XAML​

<Button Click="Button_Click" Content="Button" />

Windows App SDK の MenuFlyoutItem でアイコンを使う方法 Microsoft.UI.Xaml.Controls, WinUI3)

· 約1分
ひかり
ひかり
Main bloger

結論 <MenuFlyoutItem.Icon> を使用する​

MenuFlyoutItem

参考: MenuFlyoutItem.Icon プロパティ

例

<MenuBar>
    <MenuBarItem Title="File" x:Uid="File">
        <MenuFlyoutItem x:Name="Open" Text="Open" x:Uid="Open">
            <MenuFlyoutItem.Icon>
                <FontIcon Glyph="&#xED25;" FontFamily="Segoe MDL2 Assets" />
            </MenuFlyoutItem.Icon>
            <MenuFlyoutItem.KeyboardAccelerators>
                <KeyboardAccelerator Modifiers="Control" Key="O"/>
            </MenuFlyoutItem.KeyboardAccelerators>