Архив рубрики: SwiftUI

Лекция 12 CS193P Spring 2020 — Core Data.

Опубликовано автором

На Лекции 12 курса Стэнфорда CS193p — «Developing  Application for iOS» Spring 2020 («Разработка приложений для iOS») Пол Хэгерти продолжает излагать темы, которые не являются обязательными на этом курсе, но могут реально понадобится студентам в создании полноценных финальных проектов. Рассматривается уже вторая из таких дополнительных тем, а именно супер эффективная объектно-ориентированная система постоянного хранения в iOS — база данных Core Data. 

В начале профессор рассматривает теоретические основы Core Data и вопросы её интеграции в SwiftUI. Потом следует большой демонстрационный пример, цель которого состоит в преобразовании приложения Enroute таким образом, чтобы использовать базу данных Core Data для хранения всей информации, поступающей от трекера полетов FlightAware, и построении полноценного UI исключительно на просмотре базы данных Core Data.

И, надо отдать должное Apple, она решает проблему взаимодействия столь разных Миров как Core Data и SwiftUI фантастически элегантным способом.

Читать далее →

Лекция 11 CS193P Spring 2020 — Enroute Picker.

Опубликовано автором

На Лекции 11 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») Пол Хэгерти констатирует, что основные темы SwiftUI уже пройдены на предыдущих 10 Лекциях и сейчас студенты должны сосредоточиться на создании финального проекта. Пол Хэгерти выкладывает Лекции 11-14 в поддержку тем, которые не являются обязательными, но могут реально понадобится студентам в создании полноценных финальных проектов. На Лекции 11, первой из этой череды Лекций, рассматривается очень важная тема — Picker (средство выбора). Эта тема рассматривается в контекст нового приложения, не Memorize и не Emoji Art, это приложение под названием Enroute.

Приложение Enroute, по сути, использует API, которое доступно в интернете от компании FlightAware, и вы можете видеть, что оно действительно загружает информацию о рейсах. На рисунке в заголовке этого поста вы видите, что приложение Enroute загружает рейсы, которые находятся по пути в Сан-Франциско в международный аэропорт KSFO. Это код аэропорта. Нам сообщают, например, что SkyWest рейс прибывает сегодня в 11:42, то есть через 2 минуты. Он летит из Лос-Анджелеса. Нам сообщают обо всех рейсах, различных авиакомпаний, различных аэропортах отправления и т.д. В отличие от других демонстрационных примерах, которые мы разрабатывали «с нуля», на Лекции 11 мы получаем готовое начальное приложение Enroute, которое способно загружать рейсы с сайта FlightAware. 

Наша задача на Лекции 11 состоит в том, чтобы разработать UI, с помощью которого можно будет осуществлять фильтрацию рейсов по аэропорту прибытия destination, по аэропорту отправления origin, по авиакомпании airline и по тому, находятся рейсы уже в воздухе или еще ожидают вылета на земле inTheAir. Надо сказать, типичная задача для многих приложений. И нам будет необходим Picker, чтобы сделать это, потому что мы собираемся выбирать аэропорты, выбирать авиакомпании и делать другие подобные вещи. Picker отлично для этого подходит. Весь демонстрационный пример Лекции 11 посвящен созданию такого UI в виде Редактора Фильтра с помощью Picker (95% времени) и Toggle (5% времени).

Читать далее →

Лекция 10 CS193P Spring 2020 — Модальное представление и Навигация.

Опубликовано автором

На Лекции 10 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») Пол Хэгерти показывает очень большой демонстрационный пример, почти полностью посвященный темам, относящимся к представлению Views на экране. 

В некотором смысле мы уже знаем, как это можно делать. ForEach выводит Views на экран и убирает с экрана. А также if-elses внутри @ViewBuilders заставляет Views появляться и уходить с экрана. Но на Лекции 10 мы будем говорить о больших группировках Views, Views, которые могут занять весь экран полностью, Views, которые могут управляться своими собственными MVVMs. Мы еще не видели приложений, у которых есть множество ViewModels. Но, конечно, большинство больших программ имеют много ViewModels.

Темы демонстрационного примера Лекции 10:

  • .sheet
  • .popover
  • TextField
  • Form
  • Больше об “Ограничениях и Выгодах” (Constraints and Gains) через улучшение Grid.
  • Удаление с экрана модально представленных Views через @Binding.
  • Множество MVVM в одном приложении.
  • Hashable и Equatable
  • NavigationView + NavigationLink + .navigationBarTitle / Items
  • Alerts
  • Уничтожение в ForEach с помощью .onDelete
  • EditButton
  • EditMode @Environment переменная (@Binding)
  • Установка @Environment переменных 
  • .zIndex

Читать далее →

Лекция 9 CS193P Spring 2020 — Поток данных (Data Flow).

Опубликовано автором

На Лекции 9 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») Пол Хэгерти рассматривает супер важную тему — Property Wrappers (“Обертки Свойства”). Мы наконец-то поймем, что такие вещи, как @State и @Published, делают “под капотом”. Далее профессор слегка затрагивает тему “издателей” Publishers, потому что если мы начинаем говорить о @Published, то быстро приходим к этой очень важной теме, однако на этой Лекции 9 дается лишь некоторый обзор на эту тему, более подробно эта тема будет обсуждаться позже. 

Затем мы погружаемся в демонстрационный пример, в котором профессор показывает нам где, когда и как используются “издатели” Publishers, а также говорит о @Binding, который является новой для нас Property Wrapper (“Оберткой Свойства”). Сочетание этих двух механизмов позволяет нам ссылаться на «единственный источник истины» (source of truth) для данных, а не требовать их копирования, что может быть подвержено ошибкам.

Читать далее →

Лекция 8 CS193P Spring 2020 — Жесты JSON.

Опубликовано автором

На Лекции 8 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») вначале на слайдах, а затем в демонстрационном примере, рассматривается одна короткая тема:  легковесное постоянное хранилище (persistent store) UserDefaults, и одна большая главная тема  — жесты Gestures, как источник ввода информации пользователем с помощью его пальцев. Далее следует большой демонстрационный пример, в котором обеспечивается превращение Модели EmojiArt документа в JSON и хранения его в UserDefaults. Но главные усилия в этом демонстрационном примере направлены на реализацию жеста pinch, с помощью которого можно масштабировать  EmojiArt документа, и жеста pan, с помощью которого можно перемещать EmojiArt документ по экрану. Это НЕ-дискретные жесты, и в SwiftUI есть специальная технология, основанная на использовании @GestureState переменных и пары модификаторов жестов .updating и .onEnded, которую профессор и демонстрирует. По ходу демонстрации профессор также показывает ряд других крутых вещей наподобие анимированных шрифтов.

Читать далее →

Лекция 6 CS193P Spring 2020 — Animation.

Опубликовано автором


На Лекции 6 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») вначале рассматриваются две короткие темы: Наблюдатели Свойства (Properties Observer) и @State. На  Наблюдателях Свойства (Properties Observer), как синтаксической конструкции языке Swift, профессор долго не задерживается, а вот @State, этому маленькому временному хранилищу, используемое в вашем View. 

Далее профессор полностью погружается в основную тему дня — Анимацию. Это великолепная Лекция на эту тему, нигде вы не найдете столько материала, собранного на тему анимации, и столько нюансов использования различных типов анимации. Рассматриваются четыре чрезвычайно важных аспекта Анимации:

  1. Неявная и явная анимация, 
  2. Анимация Views (через их модификаторы ViewModifiers, которые реализуют Animatable протокол)
  3. Transitions (анимируют появление / исчезновение Views с помощью определенных ViewModifiers)
  4. Анимация Shapes (через  Animatable протокол)

Читать далее →

Лекция 5 CS193P Spring 2020 — ViewBuilder+Shape+ViewModifier.

Опубликовано автором

На Лекции 5 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») рассматриваются три чрезвычайно важных темы:

  1. @ViewBuilder — Что в действительности является аргументом для ZStack, ForEach, GeometryReader и т.д.?
  2.  Shape — я хочу создать своё собственное View.
  3. ViewModifier — Что в действительности делают функции типа foregroundColor, font, padding и т.д.?

Лекция 5 начинается с небольшого демонстрационного «разогрева»- демонстрируется управления доступом (access control) в игре Memorize.

Читать далее →

Лекция 4 CS193P Spring 2020 — Grid. Перечисления enum. Optionals.

Опубликовано автором

На Лекции 4 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») рассматриваются три чрезвычайно важных темы:

  1. создание пользовательского контейнера Grid и его применение к карточной игре Memorize
  2.  возможности перечислений enum в Swift
  3.  цель применения Optionals

 Начинается Лекция 4 с большого демонстрационного примера, в котором карты в  игре Memorize располагаются по строкам и столбцам вместо того, чтобы располагать их в одной единственной строке. Без сомнения, это не только делает игру намного привлекательнее, но и является очень хорошим примером использования Generics c протоколами protocol, а также функций как ТИПов.

Читать далее →

Лекция 3 CS193P Spring 2020 — Reactive UI. Protocols. Layout.

Опубликовано автором

На Лекции 3 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») рассматриваются три чрезвычайно важных темы:

  1. Реактивный пользовательский интерфейс (UI).
  2. Протоколы protocol и их комбинация с Generic — мощная сила в Swift.
  3. Система Layout (управление расположением Views) в SwiftUI.

На предыдущей Лекции 2 мы познакомились теоретически и практически с MVVM как архитектурной парадигмой “организации кода”. 

У MVVM много общего с MVC, и основное состоит в том, что и в том, и в другом случае мы пытается отделить Model, которая является бэкендом нашего приложения, от View, которое предстает непосредственно перед пользователем. Обе архитектуры пытаются сделать Model UI НЕзависимой.

Но Views в SwiftUI являются «реактивными». Что имеется в виду под “реактивным”? Когда происходят изменения в Model, они  мгновенно АВТОМАТИЧЕСКИ отображаются во View. 

Для того, чтобы это происходило, нам понадобится в шаблоне MVVM помимо Model и View, ещё один компонент с именем ViewModel. Работа ViewModel состоит в том, чтобы “привязать” (bind) View к Model. Как только происходят хоть какие-то изменения в Model, View тут же отражает эти изменения.

Читать далее →

Лекция 2 CS193P Spring 2020 — MVVM и система ТИПов в Swift. Часть 2.

Опубликовано автором

На сайте представлен полный неавторизованный хронометрированный конспект на русском языке Лекции 2 Стэнфордского курса CS193P Spring 2020 “Разработка iOS с помощью SwiftUI ”.

Первая часть — 0 — 38 минута находится здесь,
Вторая часть — 38 — 104 минута находится в этом посте.

Код находится на GitHub.

——————      ПРОДОЛЖЕНИЕ КОНСПЕКТА      —————————

Давайте “выведем” наше приложение Memorize на следующий уровень, используя архитектуру MVVM для того, чтобы дать “мозги” нашей игре. То есть дадим нашей игре некоторую Логику и Данные, которыми являются карты.

———- 38-ая минута лекции ———

Как мы будем это делать?
До сих пор мы работали над кодом, который представлен на экране, и это View.
Если следовать логике MVVM, то мы работали над первым V, которое представляем View, и следующим куском, которому мы уделим внимание, будет Model, то есть первое M.
Model является UI независимой, то есть она ничего не знает о том, как игра будет показана на экране пользователю.

Для Model нам нужно добавить новый Swift файл в Xcode, и мы делаем это с помощью меню File->New->File: Читать далее →