Текстовые эффекты
Вы можете применять текстовые эффекты для улучшения визуального вида текста. Однако эти эффекты поддерживаются только для шрифтовых ассетов с режимом отображения SDF, а не для растровых. Диапазон текстовых эффектов ограничивается заполнением, определенным для шрифтового ассета. Поэтому для увеличения размера эффекта необходимо увеличить заполнение.
Вы можете использовать текстовые эффекты для:
- Применение теней текста
- Применение контуров текста
Применение теней текста
Чтобы применить тени к тексту, установите свойство text-shadow в файле USS, встроенное в UXML или в скрипте C#.
text-shadow — это краткое свойство, которое устанавливает следующие свойства:
text-shadow-offset-x: Горизонтальное смещение тени. Положительные значения перемещают тень вправо, а отрицательные значения перемещают её влево.text-shadow-offset-y: Вертикальное смещение тени. Положительные значения перемещают тень вниз, а отрицательные значения — вверх.text-shadow-blur-radius: Интенсивность размытия тени. Большие значения приводят к большему размытию тени, в то время как 0 создает резкую тень.text-shadow-color: Цвет тени, либо в виде шестнадцатеричного кода, либо в формате RGBA.
Следующий пример применяет тень к элементу Label:
Label {
text-shadow: 6.1px -2.4px 0px rgb(144, 31, 32);
}
Применение контуров текста
Чтобы применить контуры к тексту, установите свойство unity-text-outline в файле USS, встроенное в UXML или в скрипте C#.
unity-text-outline — это краткое свойство, которое устанавливает следующие свойства:
-unity-text-outline-width: Ширина контура.-unity-text-outline-color: Цвет контура, либо как шестнадцатеричный код, либо в формате RGBA.
Следующий пример применяет контур к элементу Label:
Label {
text-outline: 6px rgb(144, 31, 32);
}