К содержимому

SusParallaxStack

SusParallaxStack

Стек слоёв от указателя: bg → pattern → subject → ui (tips) → chrome.

Пакет

SusKit · Атомы (коммерческий)

Открыть в песочнице

SusKit · Atoms

Свойства

ИмяТипПо умолчанию
PatternAmpProp<float>8f
SubjectAmpProp<float>14f
UiAmpProp<float>22f
EnabledProp<bool>true
EasingProp<float>0.08f
MinFpsProp<float>24f

Слоты

Слотов нет.

События

ИмяПолеPayload
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);
PropРоль
PatternAmp / SubjectAmp / UiAmpАмплитуда parallax (px)

Заметки

  • Вызовите EnsureLayers() после построения, чтобы получить хосты слоёв (Bg, Pattern, Subject, Ui, TipHost, Chrome).
  • Визуальное оформление (арт, стекло) задаётся в USS потребителя.

Смотрите также Layout recipes.