Поваренная книга SwiftUI: Формы в SwiftUI

Формы — это отличный способ структурированного сбора данных от пользователей. Они предлагают различные элементы ввода и могут быть легко настроены в соответствии с визуальным стилем вашего приложения. В этой статье руководства вы узнаете, как создать форму в SwiftUI и как добавить в нее различные элементы управления.

Чтобы создать простую форму, необходимо обернуть группу элементов управления вводом в представление Form. Приведем пример:

struct ContentView: View {
  @State private var username = ""
  @State private var email = ""
  @State private var password = ""

  var body: some View {
    NavigationView {
      Form {
        Section(header: Text("Personal Information")) {
          TextField("Username", text: $username)
          TextField("Email", text: $email)
        }

        Section(header: Text("Login Credentials")) {
          SecureField("Password", text: $password)
        }

        Section {
          Button(action: register) {
            Text("Register")
          }
        }
      }
      .navigationTitle("Registration Form")
    }
  }

  func register() {
    // Implement registration functionality here
  }
}

В окне предварительного просмотра должно появиться следующее изображение:

Форма, созданная в SwiftUI.

В данном примере кода мы использовали представление Form для создания регистрационной формы с тремя секциями. Первая секция содержит два текстовых поля для ввода имени пользователя и адреса электронной почты. Вторая секция содержит защищенное текстовое поле для ввода пароля пользователя. И, наконец, последняя секция содержит кнопку для инициирования регистрации.

Как видно из приведенного примера кода, представление Form обеспечивает простой способ создания различных секций элементов управления вводом. К каждой секции можно добавить верхний колонтитул, используя параметр header представления Section. В каждую секцию можно добавить нижний колонтитул, используя параметр footer представления Section.

Внутри каждого раздела можно добавить различные элементы управления вводом, такие как текстовые поля, защищенные текстовые поля, переключатели, пикеры и другие. Можно использовать различные элементы управления вводом, имеющиеся в SwiftUI, или реализовать свои собственные элементы управления вводом.

Наконец, можно добавить нижний колонтитул к форме с помощью параметра footer представления Form. Это может быть полезно, если необходимо добавить дополнительную информацию или инструкции для пользователей.

Более подробная информация приведена в разделе «Формы и элементы управления в SwiftUI» данного руководства.

Предложите исправление: выделите текст и нажмите Ctrl+ Enter

← Предыдущая статья: List View

Источник