Визуальное оформление элементов

Прозрачность

Для элемента можно установить прозрачность, указав значение от 0 до 1 параметра alpha:

• 0 — полностью прозрачное;
• 0,5 — полупрозрачное;
• 1 — непрозрачное изображение.

Фон

У всех визуальных элементов может быть задан фон в background. Типы фона:

• linear-gradient — линейный градиент;
• radial-gradient — радиальный градиент;
• solid — сплошной цвет;
• image — картинка;
• nine-patch-image — изображение в формате nine patch.

В массив можно добавить несколько разных фонов, наложенных друг на друга. При этом нужно, чтобы верхний фон был частично прозрачным, иначе нижние слои не будет видно.

Рамка

С помощью параметра border можно задать рамку, её цвет и ширину, скругление углов у элемента, а также тень:

1. Добавьте элемент, например текст.
2. Добавьте рамку border и скруглите углы с помощью параметра corner_radius.
3. Добавьте заливку.
4. Добавьте на получившуюся кнопку действие, которое она будет выполнять при нажатии.

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

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

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

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