Skip to content

Glass Card ​

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

主题色 ​

暗色 ​

standard-dark

亮色 ​

standard-light

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

其他样式 ​

Primary ​

primary

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

Accent ​

accent

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

Opaque ​

opaque

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

可交互 ​

interactive

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

动画 ​

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

animated

参阅 ​

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

API: Controls/GlassMorphism/GlassCard.axaml.cs