跳转到内容

SusParallaxStack

SusParallaxStack

由指针驱动的分层堆叠:bg → pattern → subject → ui(提示)→ chrome。

SusKit · 原子(商业)

在 Playground 中打开

SusKit · Atoms

属性

名称类型默认值
PatternAmpProp<float>8f
SubjectAmpProp<float>14f
UiAmpProp<float>22f
EnabledProp<bool>true
EasingProp<float>0.08f
MinFpsProp<float>24f

插槽

没有插槽。

事件

名称字段载荷
ActiveChangedOnActiveChangedbool

样式钩子

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换:

  • sus-parallax-stack
  • sus-parallax-stack__bg
  • sus-parallax-stack__chrome
  • sus-parallax-stack__pattern
  • sus-parallax-stack__subject
  • sus-parallax-stack__tips
  • sus-parallax-stack__ui
  • sus-parallax-stack--off

用法

csharp
var stack = new SusParallaxStack();
stack.EnsureLayers();
stack.Subject.Add(characterArt);
stack.Chrome.Add(nav);
stack.SetAmps(pattern: 8f, subject: 14f, ui: 4f);
PropRole
PatternAmp / SubjectAmp / UiAmp视差幅度(px)

备注

  • 构建后调用 EnsureLayers() 来解析各层宿主(BgPatternSubjectUiTipHostChrome)。
  • 视觉外观(art、glass)应放在使用方的 USS 中。

另见 布局技巧