Найти в Дзене
Все о SwiftUI

Shapes and Stroke. Как использовать такие фигуры, как круг, эллипс, капсула, прямоугольник и закругленный прямоугольник

С SwiftUI вы получаете доступ к пяти встроенным формам: круг, эллипс, прямоугольник, закругленный прямоугольник и капсула. Фигуры против стеков В отличие от стеков, фигуры занимают максимальное пространство. Чтобы раскрасить их, вы используете заливку и foregroundColor вместо фона. Они отлично подходят для обрезки контента и установки стиля границы. Круг Круг позволяет нарисовать идеальную круглую форму. Круглая форма будет иметь диаметр, равный меньшему числу между шириной и высотой. Эллипс Эллипс похож на круг, но без идеального соотношения сторон 1:1. Когда ширина и высота отличаются, он заполнит пространство и искажается. Прямоугольник Хотя большинство элементов в SwiftUI, таких как стеки, цвета, градиенты, начинаются как прямоугольники, они не являются фигурами. Прямоугольник имеет свойство формы, позволяющее ему иметь обводку или служить маской. Закругленный прямоугольник RoundedRectangle поставляется с полезными свойствами cornerRadius и style. Он отлично подходит для создания к
Оглавление

С SwiftUI вы получаете доступ к пяти встроенным формам: круг, эллипс, прямоугольник, закругленный прямоугольник и капсула.

Фигуры против стеков

В отличие от стеков, фигуры занимают максимальное пространство. Чтобы раскрасить их, вы используете заливку и foregroundColor вместо фона. Они отлично подходят для обрезки контента и установки стиля границы.

Круг

Круг позволяет нарисовать идеальную круглую форму. Круглая форма будет иметь диаметр, равный меньшему числу между шириной и высотой.

Эллипс

Эллипс похож на круг, но без идеального соотношения сторон 1:1. Когда ширина и высота отличаются, он заполнит пространство и искажается.

-2

Прямоугольник

Хотя большинство элементов в SwiftUI, таких как стеки, цвета, градиенты, начинаются как прямоугольники, они не являются фигурами. Прямоугольник имеет свойство формы, позволяющее ему иметь обводку или служить маской.

-3

Закругленный прямоугольник

RoundedRectangle поставляется с полезными свойствами cornerRadius и style. Он отлично подходит для создания кнопок и создания гладких углов iOS.

-4

Капсула

Как и RoundedRectangle, капсула имеет форму таблетки. Каждый конец капсулы состоит из полукруга. Вы можете использовать их для кнопок.

-5

Окончательный макет

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

-6

-7