Skip to content

SukiWindow


In SukiUI, SukiWindow replaces Window as the basis for building apps.

{F1A92653-7D30-4EF7-9FC2-F9C89507A70E}


Background Style

SukiUI let you choose between 3 distinct background option, from the "Bubble", perfect to enhance the glassmorphism design of the library to the classic "Flat" background.

Note that the background are dynamically created to match your color theme - Blue in this documentation.

Bubble

xml
<suki:SukiWindow  BackgroundStyle="Bubble">
    <!-- Content -->
<suki:SukiWindow/>

Dark

{CFF9284D-F8E2-48C5-A837-05BB4BEA0673}

Light

{4E906261-7E2A-472E-B21E-FC038B1CFDF5}

Gradient

xml
<suki:SukiWindow  BackgroundStyle="Gradient">
    <!-- Content -->
<suki:SukiWindow/>

Dark

{F92F9175-50C1-47E1-B7E9-1316D67CAF07}

Light

{270E38B6-9F26-4B55-9693-E4373CE517B1}

Flat

xml
<suki:SukiWindow  BackgroundStyle="Flat">
    <!-- Content -->
<suki:SukiWindow/>

Dark

{78EDB412-EB89-4E5C-B093-B4E70ECEE198}

Light

{42AF6CB9-1E06-4BD3-9C0C-F7C7ABD74C05}


Functionalities

xml

    <suki:SukiWindow.LogoContent>
        <!-- Logo -->
    </suki:SukiWindow.LogoContent>
xml
<suki:SukiWindow  IsMenuVisible="True">
    <suki:SukiWindow.MenuItems>
        <!-- Menu -->
    </suki:SukiWindow.MenuItems>
<suki:SukiWindow/>

Right TitleBar Control

xml
    <suki:SukiWindow.RightWindowTitleBarControls>
        <!-- Controls show on the right of title bar -->
    </suki:SukiWindow.RightWindowTitleBarControls>

See Also

Demo: SukiUI.Demo/SukiUIDemoView.axaml

API: Controls/SukiWindow.axaml.cs