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

SusSquadCard

SusSquadCard

Плитка сквада в ростере / магазине — cover image, опциональная иконка, имя и краткое описание.

Пакет

SusGame · Молекулы (коммерческий)

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

SusGame · Molecules

Свойства

ИмяТипПо умолчанию
ImageProp<string>""
IconProp<string>""
SquadNameProp<string>""
DescriptionProp<string>""
ImageSizeProp<int>180
IconSizeProp<int>40

Слоты

Слотов нет.

События

Публичных событий нет.

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

  • sus-squad-card
  • sus-squad-card__desc
  • sus-squad-card__icon
  • sus-squad-card__image
  • sus-squad-card__member
  • sus-squad-card__member-icon
  • sus-squad-card__member-name
  • sus-squad-card__members
  • sus-squad-card__members--has-content
  • sus-squad-card__meta
  • sus-squad-card__name
  • sus-squad-card__stat
  • sus-squad-card__stats
  • sus-squad-card__stats--has-content
  • sus-squad-card__texts

Использование

Задавайте ключи медиа через SusGameMedia (Image / Icon). Вызывайте RefreshMedia() после позднего связывания props или после подключения media-хуков проекта.

csharp
var card = new SusSquadCard();
card.SquadName.Value = "Vanguard";
card.Description.Value = "Front-line breach squad";
card.Image.Value = "squads/vanguard";
card.Icon.Value = "shield";
card.ImageSize.Value = 180;
card.IconSize.Value = 40;
// card.RefreshMedia(); // after SusTableMedia / late bind
xml
<template>
  <sus:SusSquadCard :Image="Img.Value"
                    :Icon="Icon.Value"
                    :SquadName="Name.Value"
                    :Description="Desc.Value"
                    :ImageSize="ImgSize.Value"
                    :IconSize="IcoSize.Value" />
</template>

<script>
public Prop<string> Img = new("squads/vanguard");
public Prop<string> Icon = new("shield");
public Prop<string> Name = new("Vanguard");
public Prop<string> Desc = new("Front-line breach squad");
public Prop<int> ImgSize = new(180);
public Prop<int> IcoSize = new(40);
</script>
Prop / APIРоль
SquadNameЗаголовок (не Name — чтобы не затенять VisualElement.name)
DescriptionВторостепенный текст под заголовком
ImageКлюч изображения из каталога (SusGameMedia); предпочтителен Icon для обложки
IconКлюч icon-set; также используется как fallback обложки, когда Image пуст
ImageSizeРазмер отрисовки обложки (по умолчанию 180)
IconSizeРазмер мета-иконки (по умолчанию 40)
RefreshMedia()Переприменить image/icon после позднего связывания / media-хуков

Заметки

  • Пусто, пока не заданы SquadName / ключи медиа — это осознанное поведение для identity-кадров.
  • Предпочтительно размещать в списках ростера / магазина; это не HUD-карточка боя (см. SusHudUnitCard / SusUnitCard).