Свойства текста

Список свойств

У элемента text для управлением отображения текста используются свойства:

  • font_size — размер;
  • font_weight — начертание;
  • text_color — цвет;
  • letter_spacing — расстояние между буквами;
  • line_height — высота строки;
  • max_lines — максимальное количество строк;
  • text_alignment_vertical/text_alignment_horizontal — типы выравнивания;
  • strike — зачеркивание;
  • underline — подчеркивание.
Посмотреть интерактивный пример

Обрезка текста

Когда текст выходит за ограничения по количеству строк, то он обрезается.

  • max_lines — максимальное количество строк, которые не будут обрезаны при выходе за ограничения.
  • min_hidden_lines — минимальное число обрезанных строк при выходе за ограничения.
  • ellipsis — маркер обрезки текста при выходе за ограничения.

По умолчанию будут добавлены три точки, но маркер обрезки можно предопределить через ellipsis.

Если общее число строк текста меньше или равно сумме max_lines + min_hidden_lines, то текст не обрезается. Если общее число строк текста больше суммы, то текст обрезается на max_lines строк.

Пример. Параметр max_lines = 3, а min_hidden_lines = 4. Общее число строк текста — 7. Текст не обрежется.

Применить свойство к части текста

Чтобы поменять форматирование только части текста, используйте свойства ranges и images:

  • images — указанный символ заменяется на картинку;
  • ranges — промежуток, на который надо применить указанное форматирование. Нужно указать начало (начиная с 0) и конец промежутка. Несколько range могут пересекаться, при этом будут применены указанные свойства для всех промежутков. Выделенную часть текста можно сделать кликабельной с помощью действий.
Посмотреть интерактивный пример

Например, с помощью свойства range в текстовом блоке новости можно применить одно форматирование для текста и другое — для названия источника

Посмотреть интерактивный пример

Узнать больше

Следите за новостями DivKit в Telegram-канале: http://t.me/divkit_news

Также вы можете обсуждать интересующие вас темы в сообществе пользователей DivKit в Telegram: https://t.me/divkit_community_ru

Репозиторий DivKit