Compose: Shape/Фигуры

9-й курс/Закрытая зона

Обновлено 28 мая 2024

• RoundedCornerShape/AbsoluteRoundedCornerShape
• CutCornerShape/AbsoluteCutCornerShape
• CircleShape/RectangleShape
• Модификатор clip()
• Material Design

У многих модификаторах есть параметр shape, в котором можно установить различные виды фигур.

• RoundedCornerShape()
• CutCornerShape()
• GenericShape() (свой вид фигуры через Path)

Также есть варианты с модификаторами clip и graphicsLayer.

Можно ещё использовать background(color, shape) и border(width, color, shape).

Примеры с указанными вариантами иногда встречаются в различных статьях сайта.

Shape является интерфейсом, который отвечает за форму. Два класса реализуют данный интерфейс: CornerBasedShape, GenericShape.

CornerBasedShape работает с прямоугольниками, используя CornerSize. Дочерние классы: RoundedCornerShape и AbsoluteRoundedCornerShape. Разница между ними в поддержке направления (слева направо или справа налево). Если использовать RoundedCornerShape в арабской локали, то фигура отобразится зеркальным образом. Если нужно избежать такого поведения и жёстко задать направление, то используйте AbsoluteRoundedCornerShape.

GenericShape создаёт фигуры на основе контуров. Доступны варианты RectangleShape, CircleShape.

Вы вошли на сайт, как гость.
Необходимо зарегистрироваться, чтобы прочитать статью

Дополнительное чтение

В составе темы MaterialTheme есть несколько предопределённых вариантов фигур. Смотрите примеры в Темы и стилизация: Фигуры.

Создание собственных фигур на основе Shape

Реклама