Skip to content

SukiWindow

在 SukiUI 中, SukiWindow 代替 Window 成为构建 App 的基础

SukiWindow

背景样式

SukiUI 允许你在三种不同的背景选项之间进行选择,分别是“气泡”(Bubble),即玻璃拟态设计;以及经典的“平面”(Flat)背景。

需要注意的是,背景会根据你的主题颜色(此处为蓝色)动态生成。

Bubble

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

暗色

sukiwindow - dark

亮色

sukiwindow - light

Gradient

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

暗色

sukiwindow - dark

亮色

sukiwindow - light

Flat

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

暗色

sukiwindow - dark

亮色

sukiwindow - light

功能

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

添加标题栏右侧控件

xml
    <suki:SukiWindow.RightWindowTitleBarControls>
        <!-- 显示在标题栏右侧的控件 -->
    </suki:SukiWindow.RightWindowTitleBarControls>

参阅

Demo: SukiUI.Demo/SukiUIDemoView.axaml

API: Controls/SukiWindow.axaml.cs