Кнопки
Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 19 из 50.
Button отображает метку и выполняет действие при нажатии. Самая короткая форма принимает заголовок и замыкание:
Button("Sign in") {
// выполняется при нажатии на кнопку
}Для пользовательской метки сначала передайте действие, а затем создайте метку во второй замыкающей конструкции:
Button {
// действие
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent) создаёт залитую кнопку, а role: .destructive обозначает действие, которое удаляет что-либо, поэтому кнопка отображается красным цветом:
Button("Delete", role: .destructive) {
// удалить
}Задание
НовичокЗамените текст на Button с заголовком Order coffee. Пока его действие может оставаться пустым. Задайте ему стиль кнопки .borderedProminent.
Попробуйте сами
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в SwiftUI
10Проект — Coddy Coffee
Обзор проектаЭкраны напитков2Отображение содержимого
Текстовые представленияЧисла в текстеШрифтыЦветаSF SymbolsПовторение — ценник5Состояние и кнопки
КнопкиСвойство @StateСостояние «истина или ложь»Условные представленияПовторение — счётчик очков6Ввод данных пользователем
Текстовое полеПереключательСчётчик и ползунокВыборПовторение — форма заказаПотренируйтесь самостоятельно: Песочница Swift