0Pricing
Swift Academy · Урок

Предварительный просмотр и поставщик предварительного просмотра

Используйте #Preview и PreviewProvider, чтобы мгновенно видеть изменения в Xcode.

«Предварительный просмотр и поставщик предварительного просмотра» — бесплатный урок Swift Academy на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Swift Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Swift Academy содержит 4 уроков всего.

Добро пожаловать

Предварительный просмотр в Xcode позволяет мгновенно видеть изменения SwiftUI без запуска симулятора. Он задаётся с помощью `#Preview` (Swift 5.9+) или `PreviewProvider`.

Макрос #Preview (Swift 5.9+)

```swift #Preview { ContentView() } ``` Самое простое определение предварительного просмотра — одна строка. Xcode отображает его на холсте.

PreviewProvider (старый стиль)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

Несколько предварительных просмотров

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

Предоставление примерных данных

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

Окружение в предварительных просмотрах

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

@EnvironmentObject в предварительных просмотрах

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

Советы по производительности предварительного просмотра

• Предварительные просмотры выполняются в отдельном процессе • Используйте лёгкие данные для предварительного просмотра • Выносите данные, специфичные для предварительного просмотра, в `extension PreviewProvider` • Избегайте сетевых запросов в коде предварительного просмотра

Предварительный просмотр в реальном времени

Нажмите кнопку ▶ на холсте предварительного просмотра, чтобы включить предварительный просмотр в реальном времени — интерактивный режим, в котором нажатия кнопок и ввод в текстовые поля работают в реальном времени.

Быстрая проверка

Какой макрос Swift 5.9+ создаёт предварительный просмотр SwiftUI?

Итоги

Главное: • `#Preview { }` — однострочный предварительный просмотр в Swift 5.9+ • `PreviewProvider` — старый подход на основе протокола • Несколько предварительных просмотров с разными именами, устройствами и цветовыми схемами • Внедряйте окружение и environmentObject в предварительные просмотры • Предварительные просмотры в реальном времени позволяют выполнять интерактивное тестирование без запуска приложения Курс завершён! Далее: компоновка SwiftUI.

Часто задаваемые вопросы

Урок «Предварительный просмотр и поставщик предварительного просмотра» бесплатный?

Да — полный текст урока «Предварительный просмотр и поставщик предварительного просмотра» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Swift Academy, подпишись на CoddyKit PRO. Курс Swift Academy содержит 4 уроков всего.

Чему я научусь в уроке «Предварительный просмотр и поставщик предварительного просмотра»?

Используйте #Preview и PreviewProvider, чтобы мгновенно видеть изменения в Xcode. Ты практикуешь Swift Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Swift Academy?

Предыдущий опыт не требуется. Swift Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.

Сколько времени занимает урок «Предварительный просмотр и поставщик предварительного просмотра»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Swift Academy?

Да. Каждый урок Swift Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Протокол View и свойство Body
  2. @State: локальное изменяемое состояние представлений
  3. Модификаторы представлений: цепочки и пользовательские модификаторы
  4. Предварительный просмотр и поставщик предварительного просмотра
← Назад к Swift Academy