Рамки и формы
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 17 из 50.
В SwiftUI есть представления фигур: Circle, Rectangle, RoundedRectangle и Capsule. .fill задаёт цвет фигуры:
Circle()
.fill(.blue)
.frame(width: 80, height: 80)Фигура увеличивается, чтобы заполнить предоставленное ей пространство. .frame(width:height:) задаёт ей или любому другому представлению фиксированный размер в пунктах.
Рамка также может быть гибкой. maxWidth: .infinity позволяет представлению растягиваться на всю доступную ширину:
Text("Continue")
.frame(maxWidth: .infinity)
.padding()
.background(.blue)
Задание
ЛегкоНарисуйте заполнитель аватара: Circle, залитый зелёным цветом, шириной 100 и высотой 100 пунктов.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков
Выбор размераКоличество и итоговая суммаОформление заказа2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift