Все о SwiftUI

Создайте встроенную навигацию для вашего приложения, используя панель навигации, большой заголовок и жест смахивания Вид навигации в SwiftUI позволяет иерархически переключаться между видами с помощью панели навигации, большого заголовка и жеста смахивания. Navigation View Wrapper На корневом уровне вашей навигационной структуры вы должны обернуть все в навигационное представление. Это автоматически создаст панель навигации. Обратите внимание, что вы должны сделать это только один раз, и это включает в себя все дочерние представления. NavigationView { ScrollView { RoundedRectangle(cornerRadius: 30) ...

Анимация приносит больше жизни в ваши приложения, они также могут положительно повлиять на пользовательский опыт. В этом уроке мы узнаем, как добавить анимацию Lottie в SwiftUI. Что такое Lottie ? Названная в честь Лотте Рейнигер и разработанная Airbnb, Lottie - это мобильная библиотека для iOS, macOS, Android и React Native, которая отображает анимацию After Effect в нативном приложении. Анимации экспортируются в формате JSON, а затем визуализируются в режиме реального времени. Он с открытым исходным кодом, и его можно найти на GitHub...

Превратите свой массив в сериализованную строку. Допустим, у нас есть множество авторов. var authors = ["Meng To", "Surya Anand", "Sai Kambampati"] Мы хотим превратить его в сериализованную строку, например: "Taught by Meng To, Surya Anand, and Sai Kambampati" Читайте дальше, чтобы узнать, как это сделать! Создать функцию Во-первых, чтобы протестировать свою функцию, очень полезно использовать игровую площадку Xcode. Узнайте, как использовать игровую площадку, прочитав раздел Xcode Playground в этом руководстве...

Используйте Xcode Playground для тестирования функций Swift и экономии времени Зачем использовать Playground на Xcode? Мы хотим проверить, возвращает ли следующая созданная нами функция square() правильное значение. Например, если мы передадим 2 в качестве начального значения, мы ожидаем, что эта функция вернет нам 4. func square(initialValue: Int) -> Int { return initialValue * initialValue } Тем не менее, у нас есть большой проект Xcode, создание которого занимает очень много времени. Мы не хотим...

Image View дает нам доступ ко многим функциям, таким как режим рендеринга, изменение размера и соотношение сторон. Просмотр изображения Сначала вам нужно импортировать изображения в каталог активов. Используя изображение, мы передаем имя изображения. Изменение размера изображения По умолчанию изображение автоматически примет исходный размер изображения. Чтобы изменить его размер до размера контейнера, мы будем использовать модификатор с изменяемым размером...

В этом учебном пособии мы подробно рассмотрим, как использовать текстовое представление и его модификаторы. Text View Текст в SwiftUI - это вид, который позволяет отображать одну или несколько строк текста. Это подходит для информации, доступной только для чтения, которая не является редактируемой. Чтобы отобразить строку текста, вы инициализируете Text и устанавливаете значение String. Изменение шрифта Модификатор шрифта позволяет настроить стиль текста. По умолчанию он будет использовать шрифт SF, специфичный для его платформы: SF Pro для iOS и Mac и SF Compact для Apple Watch...

SwiftUI автоматически помещает ваш контент в пределах безопасной зоны. Для фоновых элементов и некоторых вариантов компоновки вы можете игнорировать эти края с помощью ignoreSafeArea. Что такое безопасная область? Чтобы понять, как работает безопасная область в iOS, я предлагаю прочитать об адаптации и макете в Руководстве Apple по пользовательскому интерфейсу. Это пространство контента, которое не перекрывается со строкой состояния, выемкой и домашними индикаторами. Игнорировать безопасную область Для пользовательского фона обычно применяется ignoreSafeArea...

С SwiftUI вы получаете доступ к пяти встроенным формам: круг, эллипс, прямоугольник, закругленный прямоугольник и капсула. Фигуры против стеков В отличие от стеков, фигуры занимают максимальное пространство. Чтобы раскрасить их, вы используете заливку и foregroundColor вместо фона. Они отлично подходят для обрезки контента и установки стиля границы. Круг Круг позволяет нарисовать идеальную круглую форму. Круглая форма будет иметь диаметр, равный меньшему числу между шириной и высотой. Эллипс Эллипс похож на круг, но без идеального соотношения сторон 1:1...

Xcode имеет возможность встраивать цвета и изображения непосредственно в код. Это делается с помощью цветных литералов и литералов изображений. Color Literal Литерал цвета позволяет выбирать цвета с помощью палитры цветов непосредственно из вашего кода. Вы можете выбрать цвет или ввести HEX-код. Вы также можете установить непрозрачность...

Используя панель инструментов в SwiftUI, у вас больше контроля над размещением кнопок навигации, таких как панель навигации или нижняя панель. Кроме того, эти действия будут адаптироваться в соответствии с iOS, iPadOS, watchOS, macOS и tvOS. Панель инструментов навигационного вида Модификатор панели инструментов может быть размещен только внутри NavigationView. По умолчанию он будет действовать так же, как и NavigationBarItems, но вы получаете больше опций, таких как размещение и группировка. ToolbarItem...

Боковая панель позволяет использовать больший экран iPad и macOS. Это также общий навигационный интерфейс, видимый на веб-сайтах. Он состоит из меню, расположенного в левой части экрана. Как и панель вкладок, она перемещается по основному содержимому. Sidebar Боковая панель - это список, который внедряется в навигационный вид. Вы можете настроить заголовок, и макет автоматически адаптируется к iPhone и iPad в портретном и альбомном режимах...

Стеки в SwiftUI похожи на представления стека в UIKit. Объединив представления в горизонтальных и вертикальных стеках, вы можете создавать сложные пользовательские интерфейсы для своего приложения. Существует 3 типа стеков: HStack, VStack и ZStack. VStack позволяет складывать виды вертикально, сверху вниз. Вы можете дополнительно настроить вид, добавив трассу или интервал к VStack. HStack используется для горизонтального сложения видов. Как и VStack, вы можете установить выравнивание и элементы пространства...