Skip to content

Glass Card

一个简单的卡片式控件,可以往里面塞各种内容

主题色

暗色

亮色

xml
<GlassCard>
    <!-- 内容 -->
</GlassCard>

其他样式

Primary

xml
<GlassCard Classes="Primary">
    <!-- 内容 -->
</GlassCard>

Accent

xml
<GlassCard Classes="Accent">
    <!-- 内容 -->
</GlassCard>

Opaque

xml
<GlassCard IsOpaque="True">
    <!-- 内容 -->
</GlassCard>

可交互

interactive

xml
<GlassCard IsInteractive="True">
    <!-- 内容 -->
</GlassCard>

动画

通过将 GlassCardCompositionAnimationsIsAnimated 属性设为 True 以启用动画 (默认启用),这样 GlassCard 就能让其 OpacitySize 的更改带有过渡效果。

animated

参阅

Demo: SukiUI.Demo/Features/ControlsLibrary/CardsView.axaml

API: Controls/GlassMorphism/GlassCard.axaml.cs