SF Symbols

Часть раздела Введение в SwiftUI путешествия по Swift на Coddy. Урок 7 из 50.

Apple поставляет тысячи значков, называемых SF Symbols. Отобразите один из них с помощью Image(systemName:) и его имени:

Image(systemName: "heart.fill")
    .font(.largeTitle)
    .foregroundStyle(.red)

Символ ведёт себя как текст: .font задаёт его размер, а .foregroundStyle — его цвет. Имена, оканчивающиеся на .fill, обозначают заполненные версии, например star и star.fill.

Label размещает значок и заголовок рядом:

Label("Settings", systemImage: "gear")

Задание

Легко

Замени текст на Label с заголовком Favorites, отображающий символ star.fill.

Попробуйте сами

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

Проверьте себя

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

Все уроки раздела Введение в SwiftUI

1Введение

Что такое SwiftUI Файл приложения

4Модификаторы

Внутренние отступы Фоны Порядок модификаторов Рамки и формы Повторение — создание значка

7Списки

ForEach Идентифицируемые элементы Список Добавление элементов Повторение — список покупок

10Проект — Coddy Coffee

Обзор проекта Экраны напитков

Выбор размера

Количество и итоговая сумма

Оформление заказа

2Отображение содержимого

Текстовые представления Числа в тексте Шрифты ЦветаSF SymbolsПовторение — ценник

5Состояние и кнопки

Кнопки Свойство @State Состояние «истина или ложь»Условные представления Повторение — счётчик очков

8Навигация

NavigationStack NavigationLink Передача данных Листы и оповещения Повторение — справочник растений

11Финальные задания

Калькулятор чаевых Список дел Игра «Правда или ложь»

3Стеки и компоновка

VStack HStack Выравнивание и интервалы Spacer и ZStack Повторение — карточка погоды

6Ввод данных пользователем

Текстовое поле Переключатель Счётчик и ползунок Выбор Повторение — форма заказа

9Обмен данными

Свойство @Binding Наблюдаемые объекты Объекты окружения Повторение — счётчик шагов

Потренируйтесь самостоятельно: Песочница Swift