Архив метки: iOS 13

По следам CS193P 2020 — SwiftUI Playing Card Memorize

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

Меня настолько впечатлила легкость интеграции UIViews в  SwiftUI, с одной стороны, и возможность настройки карточной игры «на совпадение» MemorizeGame <ContentCard> на любое содержание карты ContentCard, с другой стороны, что я решила попробовать создать такую же игру Memorize с игральными картами PlayingCard вместо карт с эмоджи. Моя задача облегчалась тем, что Пол Хэгерти уже создавал игральную карту на прошлом курсе CS193P 2017 Лекция 6, и я могу взять эту досконально  спроектированную игральную карту в свой проект в неизменном виде:

Помимо работы с игральными картами, я хочу расширить логику и UI игры Memorize на игру с картами, которые могут быть заменены в случае совпадения на новые карты из колоды карт. Эта логика и UI могут пригодится при выполнении Задания 3 курса CS193P 2020, в котором требуется разработать приложение для игры Set, в которой также есть колода карт, оговариваются условия «совпадения», но не 2-х карт, как в нашей игре, а 3-х.

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

Лекция 13 CS193P Spring 2020 — Постоянное хранение (Persistence).

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

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

  • UserDefaults. Простая. Ограниченная (только Property Lists). Очень небольшая по объему.
  • Codable / JSON. Понятный способ преобразования практически любой структуры данных в формат JSON обмена данными и наоборот.
  • UIDocument. Интегрирует приложение Files и данные, воспринимаемые пользователем как «документы” в ваше приложение. До iOS 13 являлся UIKit ориентированным, в iOS 14 в SwiftUI 2.0 появился DocumentGroup.
  • Core Data Мощная. Объектно-ориентированная. Элегантная интеграция со SwiftUI.
  • Cloud Kit. Запоминание данных в базе данных, расположенной в «облаке» (то есть в интернете), которая работает полностью асинхронно. Следовательно, данные появляются на любых устройствах пользователя. Это очень простая в использовании база данных, у нее есть основные операции базы данных, но не такие полноценные как у Core Data, однако она отлично работает с Core Data (так что ваши данные в Core Data могут также появиться на всех устройствах)
  • FileManager/URL/Data. Запоминание данных в Unix файловой системе в iOS.

Все эти способы хранения, за исключением Codable / JSON, имеют API ещё ДО-Swift эпохи. 

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

Лекция 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, которую профессор и демонстрирует. По ходу демонстрации профессор также показывает ряд других крутых вещей наподобие анимированных шрифтов.

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

Лекция 7 CS193P Spring 2020 — Многопоточный EmojiArt.

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


На Лекции 7 курса Стэнфорда  CS193p — «Developing  Application for iOS» («Разработка приложений для iOS») вначале рассматриваются две короткие темы: цвета Colors и изображениях Images. SwiftUI цвет Color рассматривается в сравнении со старым, но очень функциональным классом UIColor. SwiftUI изображение Image рассматривается в сравнении со старым, но очень функциональным классом UIImage. Затем профессор полностью погружается в главную тему Лекции 7 — многопоточность, и завершает Лекцию громадным демонстрационным приложением EmojiArt, разрабатываемым «с нуля»  с использованием таких SwiftUI API, как ScrollView, Image, Drag & Drop, overlay для создания инструментов «эмоджи художника”.

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

Лекция 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.

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