Визуальное оформление элементов
Прозрачность
Для элемента можно установить прозрачность, указав значение от 0 до 1 параметра alpha:
0— полностью прозрачное;0,5— полупрозрачное;1— непрозрачное изображение.
Посмотреть интерактивный пример
Фон
У всех визуальных элементов может быть задан фон в background. Типы фона:
- linear-gradient — линейный градиент;
- radial-gradient — радиальный градиент;
- solid — сплошной цвет;
- image — картинка;
- nine-patch-image — изображение в формате nine patch.
В массив можно добавить несколько разных фонов, наложенных друг на друга. При этом нужно, чтобы верхний фон был частично прозрачным, иначе нижние слои не будет видно.
Посмотреть интерактивный пример
Рамка
С помощью параметра border можно задать рамку, её цвет и ширину, скругление углов у элемента, а также тень:
- Добавьте элемент, например текст.
- Добавьте рамку border и скруглите углы с помощью параметра
corner_radius. - Добавьте заливку.
- Добавьте на получившуюся кнопку действие, которое она будет выполнять при нажатии.
Посмотреть интерактивный пример
Узнать больше
Следите за новостями DivKit в Telegram-канале: http://t.me/divkit_news.
Также вы можете обсуждать интересующие вас темы в сообществе пользователей DivKit в Telegram: https://t.me/divkit_community_ru.