brinmax

Вступление

За Swift стоит очень сильная поддержка

Некоторое время назад люди в Гугл осознали, что даже если Пайтон и замечательный язык, в нем все равно есть очень много ограничений которые тяжело преодолеть. Понадобился новый язык для TensorFlow, и после долгого обдумывания Swift был выбран кандидатом. Я не буду вдаваться в детали здесь, но вот документ, который описывает недостатки Python, а так же какие другие языки были рассмотрены и как в итоге это все сошлось на Swift.

Swift для TensorFlow это намного больше чем просто библиотека

Swift быстрый

Сейчас Swift работает так же быстро как и С в численных расчетах, у него нет проблем с безопасностью памяти, и его намного легче выучить. Компилятор LLVM у Swift очень мощный и у него очень эффективная оптимизация, она обеспечит очень быструю скорость работы кода.

Вы можете использовать Python, C и C++ в Swift

Подводя итог, если вам нужна специфическая функциональность, но она еще не реализована в Swift, вы можете импортировать соответствующие Python, C или С++ пакеты.
Впечатляюще!

Swift может идти на очень низком уровне

В Swift же по другому. Крис Латтнер назвал Swift «синтаксическим сахаром для LLVM[язык ассемблера]». Это означает, что по сути, Swift работает практически напрямую с железом, и между нет никаких других строк кода написанных на С. Это так же означает что Swift очень быстрый, как я и описал выше. Это все приводит к тому, что вы, как разработчик можете проверить код как на очень высоком, так и на очень низком уровнях, без потребности использовать С.

Что дальше?

Пока MLIR действует как компилятор для машинного обучения, мы так же видим возможность использования методов машинного обучения в компиляторах. Это особенно важно, так как количество инженеров разрабатывающих числовые библиотеки не растет так же быстро как растет разнообразие моделей или железа для машинного обучения.

Представьте возможность использовать глубинное обучение, чтобы оптимизировать низкоуровневые алгоритмы разбиения памяти на данные(похожую задачу пытается решить Halide). И это только начало, нас ждет еще много других креативных приложений использующих машинное обучение в компиляторах.

Итоги

Три свежие книги для начинающих разработчиков Swift | GeekBrains

Что можно почитать, если вы в начале пути.

https://d2xzmw6cctk25h.cloudfront.net/post/1567/og_cover_image/7217d3175d572c5aab5f774e3de21b52

Выбирая книги по разработке на Swift, новый язык понимать, что это молодой язык, который часто меняется и обновляется. Про Swift достаточно много хороших книг, но с выходом новой версии языка тут же устаревают и вводят в заблуждение неопытных читателей.

Мы подобрали только актуальные книги по Swift, которые вышли недавно исследуют область, не зависящие от версии языка.

Если с другими более устоявшими языками разработчики советуют проверенные издания классических IT-авторов, то со Swift вас в первую очередь отправят читать официальную книгу от компании Apple, которая этот язык и разработала.

Swift Programming Language (Swift 4.1 edition) можно бесплатно скачать в itunes. На форумах и личных блогах можно найти переводы разработчиков, но они тоже просматривают только предыдущие версии языка.Если вы читаете на английском, скачивайте последнюю официальную версию книги от Apple. Язык из описаний и довольно технический, но есть много примеров кода и даже различных приложений.

О, с каким языком программирования вам предстоит работать, можете судить по первой главе книги:

«По традиции, первая программа на новом языке должна выводить на экран словосочетание« Привет, мир ». На Swift это пишется всего в одной строке:

print ("Привет, мир!")
 

Если вы писали до этого кода на C или Objective-C, этот синтаксис должен быть вам знаком.На Swift эта строка является законченной программой. Не нужно вообще импортировать отдельные библиотеки для таких функций, как ввод / вывод или обработка строк. Код, написанный в глобальной области, используется как входная точка для программы, так что функция main () больше не нужна. Также вам не нужно писать точки с запятой после каждой строки ».

Да, мы предлагаем начинающим разработчикам купить детский учебник. Во-первых, такие книги часто пишут крутые программисты, которые умеют доступно объяснять теорию.А во-вторых, для тех, кто начинает программировать с нуля, важно не испугаться сложных объяснений в начале.

«Swift для детей» — самое свежее издание об этом языке на русском. Для российских читателей издательство «Манн, Иванов и Фербер» выпустило ее в январе 2018 года. Авторы книги — разработчики iOS, многодетная мама Глория Уинквсит и руководитель отдела по созданию приложений для врачей и пациентов Мэтт Маккарти.

Первый раздел посвящен редактору Xcode: как его установить, настроить и написать первый код в XcodePlayground.Cледующие две части — практические. Шаг за механизм поставки оформляется написать приложение Birthday Tracker и игру Schoolhouse Skateboarder. В конце учебника — краткий справочник с официальной информацией по Swift, комбинациями клавиш для Xcode и симулятора IOS.

Несмотря на красочные детские иллюстрации (а может и благодаря им), книга хорошо подойдет и взрослым. Чтобы оценить, насколько хорошо анализируют материал, посмотрите на отрывок из главы «Как применять константам и переменным»:

«Переменную и константу можно называть как угодно, но только не словами, которые используются самим Swift.К примеру, вы не можете называть переменную слово var. Запись var var может привести в замешательство и вас, и компьютер. Если попытаетесь назвать переменную или константу словом, зарезервированным Swift, у вас возникнет ошибка. Также в одном блоке программы «не уживутся» две переменные и константы с одним именем. Не бойтесь использовать длинные названия, избегайте сокращений. Так будет проще разобраться, зачем нужна переменная или константа. Если бы изучали чужую программу, что для вас было бы понятнее — numKids или numberOfKidsInMyClass? ».

Автор книги Мэтт Нойбург, судя по его краткой биографии в предисловии, — человек уникальный. С самого детства его одновременно интересовали и литература, и программирование; в обеих сферах он достиг больших успехов. Нойбург защитил докторскую по древнегреческой литературе, создал множество программ для программистов и разработал приложения MemoryStick, NotLight и Thucydides. Наверно, поэтому его книги с очень эффективным уровнем такой приятный язык и отличный стиль изложения.

Последняя версия книга вышла в октябре прошлого года и разбирает всю теорию программирования на Swift 4.0. Информация в издании разбита на 3 большие части:

• Язык (язык)
• IDE (интегрированная среда разработки)
• Какао (объектно-ориентированный API для macOS)

В предисловии автор довольно нескромно, но очень мотивационно пишет о своей методике обучения Swift:

«Мой способ обучения программированию на Swift отличается от других методов, в том числе от того, что предлагает Apple.Мой подход — систематический, евклидианский, все обучающие блоки связаны между собой. В то же время, в этом издании я постарался ограничиться основами — не уходить в детали. Свифт — язык не сложный, но у него есть свои подводные камни. Я считаю, что не нужно глубоко вникать во все его нюансы сразу, поэтому осознанно не стал объяснять некоторые темы в книге. Например, в этой книге вы не найдете ничего о Swift Playgrounds или REPL.Я сфокусировался на актуальной практике программирования под IOS, поэтому в книге много советов из моего личного опыта разработчика ».

Очень жаль, что это издание пока не переведено на русский язык. Но вам понятный стиль изложения автора поможет без особых сложностей изучить издание в оригинале.

Создание простого приложения с использованием TableView / Хабр

В отличие от UIKit, который обычно использовался в сочетании с раскадровками, SwiftUI полностью основан на программном коде.Тем не менее, синтаксис очень прост для понимания и проект можно быстро просмотреть с помощью Automatic Preview.

Об этой статье

Запустим Xcode 11 . На время написания данной статьи, Xcode 11 все еще находится в бета-версии, поэтому некоторые функции могут работать не так, как ожидалось. В этой статье мы будем использовать Swift 5 . Несмотря на то, что продвинутые знания языка Swift не обязательны для данной статьи, все же рекомендуется понимание основ языка.

Примечание редактора: Для предварительного просмотра и взаимодействия с изображениями из Canvas в Xcode, убедитесь, что на Mac установлена ​​версия MacOS 10.15 beta.

Создание нового проекта с использованием SwiftUI

Xcode автоматически создаст для вас файл с именем ContentView.swift, предварительный просмотр вашего кода, будет отображаться с правой стороны, как показано ниже.

Если вы не видите предварительного просмотра, нажмите кнопку «Продолжить в зоне предварительного просмотра». Компиляция проекта займет некоторое время.Будьте терпеливы и дождитесь завершения компиляции.

Теперь давайте посмотрим, как можно изменить эти файлы для создания приложения.

Создание представления в списке виде

Создание списка преподавателей

Как мы видим, в сгенерированном коде имеется компонент Текст со значением «Hello World». В редакторе кода изменим значение кода на «Simon Ng».

  struct ContentView: View {
    var body: some View {
        Текст ("Саймон Нг")
    }
}
  

Если все работает верно, справа вы должны увидеть автоматическое обновление. Это эффект мгновенного просмотра, что мы и ожидали.

Давайте добавим в приложении новый элемент Текст . Это будет краткое описание участника. Чтобы добавить в приложении новый элемент интерфейса, нажмите кнопку + в верхнем углу. Появится новое окно со списком различных вью.Переместим вью с названием и поместим его под первоначальный элемент Текст , как показано ниже.

Обратите внимание на код слева:

  struct ContentView: View {
    var body: some View {
        VStack {
            Текст ("Саймон Нг")
            Текст («Заполнитель»)
        }
    }
}
  

Можно заметить, что новый элемент Текст был добавлен под Текст вью с величиной Simon Ng. Отлично состоит в том, что теперь это вью, похоже, обернул представление в нечто, называемое VStack.VStack используется для вертикального стека, и он является заменой Auto Layout в SwiftUI. Если у вас имеется опыт разработки программного обеспечения для watchOS, вы, вероятно, знаете, что здесь нет никаких ограничений, более тех элементов помещаются в группы. При вертикальном стеке все вью будут расположены вертикально.

Теперь измените текст «Placeholder» на «Founder of AppCoda»

Далее, давайте добавим изображение слева от этого текста. Так как мы хотим предоставить представить горизонтально к существующим представлениям, необходимо обернуть VStack в HStack.Для этого выполним ⌘ + нажмите на VStack, а затем выберем Embed in HStack. Посмотрим на это ниже:

Данный код должен выглядеть следующим образом:

  struct ContentView: View {
    var body: some View {
        HStack {
            VStack {
                Текст ("Саймон Нг")
                Текст («Основатель AppCoda»)
            }
        }
    }
}
  

Значительных изменений пока нету, но сейчас мы добавим изображение. Измените код, чтобы он выглядел следующим образом:

  struct ContentView: View {
    var body: some View {
        HStack {
            Изображение (systemName: "фото")
            VStack {
                Текст ("Саймон Нг")
                Текст («Основатель AppCoda»)
            }
        }
    }
}
  

Начало с iOS 13, Apple представляет новую функцию под названием SFSymbols.SF Symbols, компания Apple, представляет собой набор из более чем 1500 символов, которые можно использовать в приложениях. Автоматическое вертикальное выравнивание с текстом любого размера, автоматическое вертикальное выравнивание с текстом любого размера. Нам пока нас пока нет изображений наших преподавателей, будем использовать так называемый заполнитель.

Теперь сосредоточимся на некоторых незначительных проблемах дизайна.Имеется необходимость эмуляции внешнего вида UITableRow , давайте выровняем текст по левому краю (т. Е. Сделаем его главным). Для этого выполним ⌘ + Click на VStack и нажмем Inspect . Выберем значок выравнивания по левому краю, как показано ниже:

Далее увидим изменение в коде. Также код будет изменен в реальном времени для отображения новых изменений.

  VStack (выравнивание: .leading) {
    ...
}
  

Теперь, когда второе текстовое представление является заголовком, давайте изменим шрифт.Как и раньше, ⌘ + Щелкните на текстовом представлении «Основатель AppCoda» в режиме предварительного просмотра и выбираем Inspect. Изменим шрифт на «Subheadline» и действует предварительный просмотр и изменение кода в реальном времени.

Давайте также изменим цвет и установим его на «Серый». Данный код должен выглядеть следующим образом:

  struct ContentView: View {
    var body: some View {
        HStack {
            Изображение (systemName: "фото")
            VStack (выравнивание:.ведущий) {
                Текст ("Саймон Нг")
                Текст («Основатель AppCoda»)
                    .font (.subheadline)
                    .цвет (. серый)
            }
        }
    }
}
  

Теперь, после окончания проектирования ряда сэмплов, мы подошли к волшебной части. Посмотрите, как легко создать список. Выполним ⌘ + Нажмите на HStack и выполним клик на Embed in List. Вуаля! Посмотрите, как код будет автоматически меняться, и пустая область будет отображать 5 красивых новых строк, каждую из которых показывает Симон Нг в качестве члена команды.

Также обязательно обратите внимание, как был создан Список в коде. Удалившееся представление HStack и заменив его повторяющимся List. Теперь подумайте о том, сколько времени вы сэкономите и на сколько меньше кода написали, избегая все эти UITableViewDataSource, UITableViewDelegate, Auto Layout, реализации для темного режима и т. д. Все это само по себе показывает мощь и силу SwiftUI. Тем не менее, мы далеки от завершения. Давайте добавим некоторые реальные данные в новый список.

Подключение данных к списку

После загрузки файла с расширением Swift и папкой ресурсов в проекте Xcode. Чтобы их импортировать, просто перетащите их в навигатор проекта.

В файле Репетитор.swif t объявляем структуру Tutor и приводим ее в соответствие с протоколом Идентифицируем. Вы поймете, почему это важно позже. Также определяем переменные id, имя, заголовок, биография и imageName. Наконец, добавим некоторые тестовые данные, которые были введены в нашем приложении. В Tutor.xcassets имеются изображения всех участников команды.

Вернитесь к ContentView.swift и измените код следующим образом:

  struct ContentView: View {
    // 1
    var tutors: [Tutor] = []
 
    var body: some View {
        Список (0.. <5) {элемент в
            Изображение (systemName: "фото")
            VStack (alignment: .leading) {
                Текст ("Саймон Нг")
                Текст («Основатель AppCoda»)
                    .font (.subheadline)
                    .цвет (. серый)
            }
        }
    }
}
 
#if DEBUG
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        // 2
        ContentView (репетиторы: testData)
    }
}
#endif
  

Все довольно просто:

1. Определим новую переменную с именем tutors, которая является пустым массивом структур Tutor.
2. Мы определяем новую переменную структуру для ContentView, следовательно, необходимо также изменить ContentView_Previews, чтобы отобразить это изменение. Установим в testData параметр tutors.

  struct ContentView: View {
    var tutors: [Tutor] = []
 
    var body: some View {
        List (репетиторы) {репетитор в
            Изображение (репетитор.imageName)
            VStack (alignment: .leading) {
                Текст (имя репетитора)
                Текст (tutor.headline)
                    .font (.subheadline)
                    .цвет (. серый)
            }
        }
    }
}
  

Убедимся, что ContentView использует инструменты для отображения данных на экране.

Вот так! Посмотрите, как изменилось представление.

Изображения выше в виде квадрата. Хотелось бы, чтобы они выглядели более округлыми.Давайте посмотрим, как мы можем сделать изображение с закругленными углами. В верхней части нажмите кнопку + и нажмите на вторую вкладку. Так будет макет отображен список модификаторов, которые вы можете добавить к изображениям.

Ищите «Угловой радиус / Угловой радиус», перетащите его из окна просмотра и поместите его на изображение. Вы увидите измененный код, и изображения предварительного просмотра будет изменено на следующее.

Тем не менее, радиус закругления в 3 слишком мал.Итак, измените его на 40. Таким образом получаем красивые скругленные картинки.

Ячейка и список готовы! Далее необходимо отображать детальную информацию, когда пользователь нажимает на ячейку. Давайте начнем работу с создания навигаций.

Создание навигации

В SwiftUI обернуть Список вью в NavigationView также очень просто. Все, что вам нужно сделать, это изменить код следующим образом:

  ...
var body: some View {
    NavigationView {
        List (репетиторы) {репетитор в
            ...
        }
    }
}
...
  

Необходимо выполнить оборачивание кода Список в NavigationView. По умолчанию панель навигации не имеет заголовка. Предварительный просмотр должен переместить список вниз, оставляя очень большой разрыв в середине.Это потому, что мы не установили заголовок для панели навигации. Чтобы исправить это, установить заголовок, добавив строку кода (т.е. .navigationBarTitle):

  ...
var body: some View {
    NavigationView {
        List (репетиторы) {репетитор в
            ...
        }
        .navigationBarTitle (Текст ("Репетиторы"))
    }
}
...
  

Теперь экран должен выглядеть примерно так:

Далее установим кнопку навигации. NavigationButton ведет на новый экран, который находится в стеке навигации.Подобно тому же, как мы обернули List в NavigationView, необходимо обернуть содержимое List с помощью NavigationButton, как показано ниже:

  ...
var body: some View {
    NavigationView {
        List (репетиторы) {репетитор в
            NavigationButton (назначение: Text (tutor.name)) {
                Изображение (tutor.imageName)
                VStack (alignment: .leading) {
                    Текст (имя репетитора)
                    Текст (tutor.headline)
                        .font (.subheadline)
                        .цвет (серый)
                }
            }
        }
        .navigationBarTitle (Текст ("Репетиторы"))
    }
}
...
  

Теперь имя участника отображено в подробном представлении. Сейчас самое время проверить это.

В текущем режиме предварительного просмотра вы не можете взаимодействовать с представлением. Обычно, когда вы нажимаете на предварительный просмотр, происходит простое выделение кода. Чтобы выполнить тест и проверить взаимодействие с пользовательским интерфейсом, нажмите кнопку воспроизведения в правом нижнем углу.

Вью станет темным, и возможно, придется подождать пару секунд, пока загрузится весь симулятор, прежде чем появится возможность реально использовать с представлениями.

Когда загрузка закончится, вы можете нажать на ячейку, и она перейдет к новому представлению в стеке, в котором будет имя выбранной ячейки.

Прежде чем перейти к реализации детализированного представления, позвольте мне показать вам хитрый прием, который поможет сделать ваш код более разборчивым.⌘ + Щелкните NavigationButton и выберите «Извлечь вложенное представление».

Бум! Вы можете видеть, что весь код в NavigationButton был создан в совершенно новой структуре, которая делает его очень разборчивым. Переименуйте ExtractedView в TutorCell.

Теперь можно получить ошибку в TutorCell. Это потому, что у нас нет руководителя для передачи в эту структуру. Исправить ошибку очень просто. Добавьте новую константу в структуру TutorCell следующим образом:

  struct TutorCell: View {
    пусть репетитор: Репетитор
    var body: some View {
        ...
    }
}
  

А, в ContentView, добавьте отсутствующий параметр изменив на:

  ...
List (репетиторы) {репетитор в
    TutorCell (репетитор: репетитор)
} .navigationBarTitle (Текст ("Репетиторы"))
...
  

Вот и все! Имеется список и ячейки, все они хорошо продуманные и разложены в необходимом порядке! Далее мы собираемся создать детальный вид, который будет показывать всю информацию о преподавателе.

Создание представления для цифровой информационной информаций.

Предварительная предварительная версия уже создан главный базовый вид. Давайте с ним поработаем. Сначала нажмите кнопку «+» и поместите изображение над уже встроенным представлением Text. Установленное имя изображения «Simon Ng». Должно появится изображение Саймона. Теперь измените код так, как показано ниже:

  struct TutorDetail: View {
    var body: some View {
        // 1
        VStack {
            // 2
            Изображение ("Саймон Нг")
                 .clipShape (Круг ())
                .overlay (
                    Circle (). Stroke (Color.orange, lineWidth: 4)
                )
                .shadow (радиус: 10)
            // 3
            Текст ("Саймон Нг")
                .font (.title)
        }
    }
}
  

В целом этот код достаточно понятен, но в случае если Вам нужны разъяснения, не волнуйтесь. Вот, что происходит:

1. Сначала мы упаковываем все наши представления в вертикальный стек. Это имеет решающее значение для макета дизайна, который мы будем принимать.
2. Затем берем изображение Саймона и оживляем его. Сначала установим клипы изображения в форме круга. Вместо того, чтобы установить cornerRadius, это намного эффективнее, поскольку круг можно приспособить к различным размерам изображения. Мы добавляем наложение круга с белой рамкой, которая обеспечивает красивую оранжевую рамку. Наконец, мы добавим легкую тень, чтобы обеспечить некоторую глубину изображения.
3. Наша последняя строка кода устанавливает шрифт имени преподавателя на шрифт заголовка.

Также необходимо добавить еще два текстовых вью: заголовок и биографию. Перетащите два текстовых вью ниже текстового вью с именем преподавателя, и отредактируйте их:

  struct TutorDetail: View {
    var body: some View {
        VStack {
            Изображение ("Саймон Нг")
                 .clipShape (Круг ())
                .overlay (
                    Circle (). Stroke (Color.orange, lineWidth: 4)
                )
                .shadow (радиус: 10)
            Текст ("Саймон Нг")
                .шрифт (.title)
            Текст («Основатель AppCoda»)
            Text («Основатель AppCoda. Автор нескольких книг по программированию для iOS, включая« Начало программирования iOS 12 с помощью Swift »и« Промежуточное программирование iOS 12 с помощью Swift. Разработчик iOS и Blogger. »)
        }
    }
}
  

Хорошей новостью является то, что у нас есть текстовые вью. Плохая новость в том, что они плохо выглядят и не показывают разницу между заголовком и детальным описанием. Кроме того, текстовое вью биографии не отображает весь текст.Давайте исправим это.

Обновите код следующим образом:

  struct TutorDetail: View {
    var body: some View {
        VStack {
            Изображение ("Саймон Нг")
                 .clipShape (Круг ())
                .overlay (
                    Circle (). Stroke (Color.orange, lineWidth: 4)
                )
                .shadow (радиус: 10)
            Текст ("Саймон Нг")
                .font (.title)
            // 1
            Текст («Основатель AppCoda»)
                .шрифт (.subheadline)
            // 2
            Text («Основатель AppCoda. Автор нескольких книг по программированию для iOS, включая« Начало программирования iOS 12 с помощью Swift »и« Промежуточное программирование iOS 12 с помощью Swift. Разработчик iOS и Blogger. »)
                .font (.headline)
                .multilineTextAlignment (.center)
 
        }
    }
}
  

1. Сначала мы устанавливаем «Founder of AppCoda» со шрифтом подзаголовка.
2. Точно так же мы устанавливаем текстовое биографии, используя шрифт заголовок.Мы также выровняем текст с линией .multilineTextAlignment (.center)

Давайте исправим следующую ошибку. Нам необходимо ввести весь текст текстового представления биографии. Это можно легко сделать, добавив новую код кода:

  ...
Text («Основатель AppCoda. Автор нескольких книг по программированию для iOS, включая« Начало программирования iOS 12 с помощью Swift »и« Промежуточное программирование iOS 12 с помощью Swift. Разработчик iOS и Blogger. »)
        .шрифт (.headline)
        .multilineTextAlignment (.center)
        .lineLimit (50)
...
  

Все выглядит хорошо. Есть одно последнее изменение дизайна, которое я хочу сделать. Заголовок и текстовые представления биографии находятся слишком близко друг к другу. Я хотел бы иметь пространство между этими двумя представлениями. Кроме того, я хотел бы добавить некоторые отступы ко всем вью, чтобы они не касались краев устройства. Убедитесь, что вы изменили код следующим образом:

  struct TutorDetail: View {
    var body: some View {
        VStack {
            Изображение ("Саймон Нг")
                 .clipShape (Круг ())
                .overlay (
                    Circle (). Stroke (Color.orange, lineWidth: 4)
                )
                .shadow (радиус: 10)
            Текст ("Саймон Нг")
                .font (.title)
            Текст («Основатель AppCoda»)
                .font (.subheadline)
            // 1
            Разделитель ()
 
            Text ("Основатель AppCoda. Автор нескольких книг по программированию для iOS, включая" ​​Начало программирования iOS 12 с помощью Swift "и" Промежуточное программирование iOS 12 с помощью Swift. "Разработчик iOS и Blogger. ")
                .font (.headline)
                .multilineTextAlignment (.center)
                .lineLimit (50)
        // 2
        } .padding ()
    }
}
  

Здесь выполним несколько изменений:

1. Добавить разделитель так же просто, как и вызвать Divider ()
2. Чтобы добавить отступы ко всему вертикальному стеку, необходимо вызвать .padding () в конце объявления VStack.

Это все! Поздравляю! Экран детального просмотра готов.Осталось только соединить наш список преподавателей и их детальное описание. Это довольно просто.

Передача данных

  имя переменной: Строка
var headline: String
var bio: String
var body: some View {
    ...
}
  

Это параметры, которые мы передадим из ContentView. Проведите следующие изменения:

 ...
var body: some View {
    VStack {
        // 1
        Изображение (имя)
            .clipShape (Круг ())
               .overlay (
                   Circle (). Stroke (Color.orange, lineWidth: 4)
            )
               .shadow (радиус: 10)
        // 2
        Текст (имя)
            .font (.title)
        // 3
        Текст (заголовок)
            .font (.subheadline)
        Разделитель ()
        // 4
        Текст (биография)
            .font (.headline)
            .multilineTextAlignment (.center)
            .lineLimit (50)
        // 5
    }.padding (). navigationBarTitle (Текст (имя), displayMode: .inline)
}
...
  

1. Заменим имя преподавателя для image на переменную имя
2. Заменим текст заголовка на переменную заголовок
3. Наконец, заменим длинный абзац текста на переменную биографию
4. Также была добавлена ​​строка кода, которая установит заголовок панели навигации на имя преподавателя.

И последнее, но не менее важное: нам необходимы отсутствующие параметры в структуре TutorDetail_Previews.

  #if DEBUG
struct TutorDetail_Previews: PreviewProvider {
    static var previews: some View {
        TutorDetail (имя: «Саймон Нг», заголовок: «Основатель AppCoda», биография: «Основатель AppCoda. Автор нескольких книг по программированию для iOS, включая« Начало программирования iOS 12 с помощью Swift »и промежуточное программирование iOS 12 с помощью Swift. Разработчик iOS и Blogger. ")
    }
}
#endif
  

В приведенном выше коде мы добавляем отсутствующие параметры и заполняем информацию, что имели ранее.

Вы можете быть удивлены, что случилось с инструкциями #if DEBUG / # endif . Это означает, что любой код, заключенный в эти команды, будет выполнен только при предварительной предварительной версии для целей отладки. В вашем последнем приложении этого не будет.

Ничто не должно измениться, так как информация также ввести.

И так, последний шаг - связать это представление со списком. Переключитесь на файл ContentView.swift. Все, что необходимо, это изменить одну строку кода в структуре TutorCell.Измените код NavigationButton на ниже приведенный:

  ...
var body: some View {
    return NavigationButton (destination: TutorDetail (name: tutor.name, headline: tutor.headline, bio: tutor.bio)) {
        ...
    }
}
...
  

Вместо того, чтобы представить представление с именем преподавателя, необходимо изменить место назначения на TutorDetail при заполнении соответствующих данных. Данный код должен выглядеть следующим образом:

Нажмите кнопку воспроизведения и выполняйте взаимодействие с представлением.Если все работает хорошо, приложение будет также хорошо работать.

Просто один из участников участника:

И тогда будут отображены детали на детальном экране.

Заключение

SwiftUI Documentation
SwiftUI Tutorials
Знакомство с SwiftUI: создание вашего первого приложения
SwiftUI Essentials

Этот фреймворк - это будущее развития Apple, поэтому очень здорово, если вы начнете именно с него. Помните, что если вы не уверены, что вы не уверены в том, что вы не уверены в том, что вы можете внести изменения в пользовательский интерфейс напрямую, чтобы увидеть, как создается код. Если у вас есть какие-либо вопросы, не стесняйтесь, задавайте их в комментариях ниже.

Для справки вы можете скачать готовый проект здесь.