В этой статье мы создадим первое приложение на SwiftUI
Для этого запускаем XCode и выбираем «Create a new Xcode project»
После нажатия появится окно «Choose a template for your new project:». Выбираем «App» и выскакивает окно настроек нашего проекта.
Задаем настройки нашего проекта:
Project Name: FirstApp
Interface: SwiftUI
Language: Swift
Нажимаем Next, XCode предлагает Вам выбрать место для сохранения проекта. Выбираем место сохранения и нажимаем Next. XCode создал наш первый проект.
На экране можно увидеть сообщение «Hello World». В принципе это уже можно назвать самым простым приложением. Но мы с Вами создадим красную кнопку включения, по нажатию которой в консоль будет выводится сообщение «Power On»
Для начала давайте удалим строку:
Text(«Hello, world!»)
и создадим изображение кнопки.
Для этого напишем следующие строку:
Image (systemName: «power.circle.fill»)
Image(systemName:»power.circle.fill») создает изображение, которое является системным и находится в стандартном пакете XCode. Этих изображений множество и посмотреть данные изображения и их названия можно в приложении «SF Symbols».
Далее изменим размер изображение и цвет изображения:
Image (systemName: «power.circle.fill»)
.resizable(). // Распределяет изображение по всей области
.frame(width: 100, height: 100) // Указываем размер фрейма в который будет помещено наше изображение
.foregroundColor(.red) // Задаем красный цвет изображению
Чтобы наше изображение стало кнопкой, необходимо обернуть изображение в кнопку.
Для этого создаем нашу кнопку:
Button(action: {» «}){
Image (systemName: «power.circle.fill»)
.resizable()
.frame(width: 100, height: 100)
.foregroundColor(.red)
}
И добавим в действие action печать в консоль.
Button(action: {
print(«Power On»)
}) {
Image (systemName: «power.circle.fill»)
.resizable()
.frame(width: 100, height: 100)
.foregroundColor(.red)
}
Теперь можно запустить приложение и по нажатию кнопки в консоль будет выводиться сообщение «Power On»
Наше первое приложение создано.
Спасибо за внимание!