0Pricing
Swift Academy · Урок

Модификаторы Spacer, Padding и Frame

Используйте Spacer для гибких промежутков, а frame — для задания точных размеров.

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

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

`Spacer`, `.padding()` и `.frame()` — основные инструменты для управления интервалами и размерами в SwiftUI. Давайте разберём каждый из них.

Разделитель — гибкое пространство

```swift HStack { Text("Left") Spacer() // fills all available space Text("Right") } ``` `Spacer` расширяется, заполняя оставшееся пространство вдоль оси стека.

Минимальная длина

```swift Spacer(minLength: 20) // at least 20pt even if compressed ```

Модификатор внутренних отступов

```swift Text("Hello") .padding() // default 16pt all sides .padding(.horizontal, 24) // custom horizontal .padding(.top, 8) // custom top only ```

Внутренние отступы с EdgeInsets

```swift Text("Hi") .padding(EdgeInsets(top:10,leading:20,bottom:10,trailing:20)) ```

Явный размер

```swift Text("Button") .frame(width: 200, height: 44) .background(Color.blue) .foregroundColor(.white) ```

Максимальная ширина

```swift Button("Full Width") {} .frame(maxWidth: .infinity) .padding() .background(Color.accentColor) ```

Выравнивание размера

```swift Text("Left") .frame(width: 200, alignment: .leading) .border(Color.gray) // Text aligns left within the 200pt wide frame ```

Фиксированный размер

```swift Text("Long text that should not wrap") .fixedSize() // prevents truncation / wrapping ```

Сочетание разделителя и рамки

```swift VStack { Spacer() Text("Bottom") .frame(maxWidth: .infinity) .padding() } ```

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

Что делает `Spacer()` внутри `HStack`?

Итоги

Основные выводы: • `Spacer()` заполняет доступное пространство; `Spacer(minLength:)` задаёт минимальный промежуток • `.padding()` добавляет внутренние отступы; для точности укажите сторону и величину • `.frame(width:height:)` задаёт фиксированный размер • `.frame(maxWidth: .infinity)` расширяется, заполняя всё доступное пространство • `.fixedSize()` предотвращает усечение Далее: GeometryReader.

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

Урок «Модификаторы Spacer, Padding и Frame» бесплатный?

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

Чему я научусь в уроке «Модификаторы Spacer, Padding и Frame»?

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

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

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

Сколько времени занимает урок «Модификаторы Spacer, Padding и Frame»?

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

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

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

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

  1. Основы VStack, HStack и ZStack
  2. LazyVGrid и LazyHGrid
  3. Модификаторы Spacer, Padding и Frame
  4. GeometryReader для адаптивных макетов
← Назад к Swift Academy