Ваши первые шаги с SwiftUI
Начало работы
Сначала откройте Xcode и создайте новый проект. Выберите Single View App.
Теперь в навигаторе проекта выберите файл ContentView.swift
В этом файле вы можете найти две структуры. Первая - это View
, и он описывает содержимое просмотра вашей страницы. А вторая структура объявляет предварительный просмотр для этого View
.
Выполнение
Теперь нажмите кнопку «Resume» в верхней части холста, чтобы увидеть свой View
в Симуляторе. Не волнуйтесь, в первый раз может потребоваться некоторое время, чтобы это загрузилось.
Если вы измените сообщение "hello world", вы увидите, что предварительный просмотр обновляется, чтобы сразу отразить ваши изменения.
Если вы щелкнете по тексту, удерживая клавишу Command, вы найдете различные параметры, которые позволят вам изменить элемент управления. Например, если вы выберете “Show SwifUI Inspector”, вы можете изменить текст прямо на холсте, и это изменение отразится на вашем коде.
Изменение таких свойств, как «Шрифт», «Цвет» и «Выравнивание» в Инспекторе, также поможет вам понять, как это можно сделать из кода.
Добавить изображение
Создайте новое представление под названием ProfileImage, которое будет содержать наше изображение.
Загрузите бесплатное изображение с Unsplash и добавьте в файл Assets.xcassets.
Теперь в новом View
поместите следующий код, чтобы изменить размер изображения до определенных размеров и закрепить его в форме круга. Вы также можете добавить красивый эффект тени с помощью всего одной строчки кода.
struct ProfileImage: View {
var body: some View {
Image("landscape")
.resizable()
.frame(width: 120, height: 120)
.clipShape(Circle())
.shadow(radius: 15)
}
}
Это окончательный результат с несколькими строками легкого и читаемого кода:
Объедините два view
Теперь у нас есть View
с нашим текстом и View
с изображением. Но как мы можем объединить и то, и другое в одном View
?
Прежде всего вернитесь к файлу ContentView.swift и вставьте текст в VStack.
Теперь добавьте View
ProfileImage перед элементом управления Text, и все готово!
Вывод
Даже если вы, вероятно, влюбитесь в простоту SwiftUI, помните, что у него все еще есть серьезные недостатки. Например, он поддерживает только iOS 13 и Xcode 11, поэтому, если вы хотите создать новое приложение только в SwiftUI, вы откажетесь от многих потенциальных пользователей со старыми устройствами. Он также все еще новый, поэтому вы можете найти некоторые странные ошибки, неподдерживаемые элементы управления и некоторые сбои при выполнении Xcode, которые могут занять несколько часов, чтобы понять, что происходит.