Skip to main content

3 posts tagged with "WindowsAppSDK"

View all tags

Windows App SDK (WinUI3) Button Component and Samples

· 2 min read
ひかり
ひかり
Main bloger

Namespace​

Microsoft.UI.Xaml.Controls

Standard Button​

Button

<Button Content="Button" />

Button with an icon​

Button with icon

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

Accent-styled Button​

AccentStyleButton

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

Stretching the button to full width​

Stretch Button

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

Disabling a button​

Disabled Button

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

In C#, you can enable/disable a button using button.IsEnabled = booleanValue;.

Hiding a button​

Using Visibility="Collapsed" makes the component disappear as if it doesn't exist. Use Visibility="Visible" to show it.

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

To show/hide a disabled button in C#, do the following:

/* Show */
Btn.Visibility = Visibility.Visible;

/* Hide */
Btn.Visibility = Visibility.Collapsed;

Calling a function​

C#​

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

XAML​

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

How to use icons with MenuFlyoutItem in Windows App SDK (Microsoft.UI.Xaml.Controls, WinUI3)

· One min read
ひかり
ひかり
Main bloger

Conclusion Use <MenuFlyoutItem.Icon>​

MenuFlyoutItem

Reference: MenuFlyoutItem.Icon property

Example

<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>