Итак, из нашей предыдущей статьи мы узнали фундаментальные концепции ООП и то, как с самого начала создавать чистый код. Теперь мы собираемся сделать наши первые реальные шаги, чтобы стать iOS-разработчиками.
Как и в случае с вождением автомобиля, нам нужно знать, что делает каждый блок управления в автомобиле, а что нет.
Как разработчик iOS вы должны быть знакомы с Xcode, интегрированной средой разработки Apple (IDE). Это означает понимание тех функций, которые вы будете использовать изо дня в день, и понимание их ограничений.
Кроме того, как разработчик iOS, вы должны быть знакомы со Swift, языком разработки Apple с открытым исходным кодом.
В этой статье мы собираемся сначала немного погрузиться в Xcode. После этого мы собираемся создать наш первый Hello World! приложение и запустить его на игровой площадке, а затем на симуляторе.
Без дальнейших церемоний, давайте погрузимся прямо в.
Xcode: наш многофункциональный руль.
Итак, Apple выпустила xcode 15 лет назад для разработки приложений MacOS. Позже это было расширено, чтобы облегчить разработку других продуктов Apple. Xcode практически содержит все, что нужно iOS-разработчику для создания функционального приложения.
После этого скучного исторического введения пришло время запачкать руки.
Установка Xcode: Сборка колеса.
Таким образом, xcode можно установить только на компьютер с MacOSX. Чтобы установить xcode, просто выполните следующие шаги:
- Перейдите в магазин приложений вашего Mac.
- Поиск xcode
- Нажмите Получить
- Подождите, пока он загрузится и установится.
- Сделанный!
Знакомые
Теперь, когда у нас установлен xcode, давайте познакомимся с ним. Пройдя начальную фазу запуска, мы должны увидеть заставку xcode, подобную той, что мы видим ниже.
На этом экране-заставке мы видим несколько опций в двух панелях, которые немного говорят сами за себя, но позвольте мне также объяснить их здесь:
На левой панели у нас есть 4 опции, которые описаны ниже:
- Начните с игровой площадки
Этот вариант обычно используется, когда у вас есть идея функции или алгоритма, который вы хотите опробовать на лету. - Создать новый проект Xcode
Это ваш основной вариант, когда вы хотите создать приложение для iOS. - Клонирование существующего проекта
Просто перейдите в репозиторий Git и позвольте xcode получить его за вас. - Показывать это окно при запуске Xcode
Этот флажок позволяет запускать xcode с этой заставкой или просто запускать без окна, ожидающего открытия проекта из меню в верхней части экрана.
На панели справа xcode хранит ваши последние проекты для быстрого доступа. Вы всегда можете открыть проект, которого нет в этом списке:
- Нажмите открыть другой проект в нижней части этой панели, а затем перейдите к папке, содержащей ваш проект.
- Просто перейдите к своему проекту через Finder (проводник файлов MacOS) в папку вашего проекта и дважды щелкните файл с расширением .xcodeproj.
Xcode Playground: ваша собственная песочница.
Теперь, когда мы потратили время на то, чтобы ознакомиться с нашей заставкой, пришло время немного погрузиться в игровую площадку xcode.
После выбора параметра Начать работу с игровой площадкой вы увидите следующий экран.
На этом экране мы видим, что он позволяет нам создавать игровую площадку из шаблона.
Xcode поставляется с несколькими шаблонами игровых площадок для iOS, tvOS и даже MacOS.
В настоящее время мы учимся разрабатывать приложения для iOS, так что давайте придерживаться этого.
Поскольку большинство читателей все еще находятся на ранних этапах изучения разработки для iOS, я бы предпочел, чтобы мы начали создавать наши приложения с нуля.
После выбора шаблона, который в нашем случае пустой, вас попросят указать имя и место сохранения для вашей игровой площадки, укажите их и нажмите создать, чтобы начать.
Наша первая детская площадка
Слева мы видим черную область, где мы можем написать наш код. Это ваш текстовый редактор. Слева от текстового редактора мы можем видеть порядок строк с маленьким значком воспроизведения рядом с последней строкой. Мы используем этот маленький значок воспроизведения для выполнения нашей программы.
Справа мы видим темно-серый столбец, который должен показывать нам, что происходит построчно во время выполнения программы.
Глядя в верхний правый угол экрана, мы видим 3 основные кнопки:
- Левый называется навигатором, который открывает ящик слева, показывающий файлы на текущей игровой площадке.
- Средний открывает консоль посередине под нашим текстовым редактором, где должны быть показаны результаты всех наших операторов печати.
- Правый называется Инспекторами, который открывает ящик справа. Этот ящик не так важен на детской площадке, но его функциональность должна быть известна.
После того, как мы закроем ящики слева и справа, мы оставляем нашу консоль открытой, так как она нам нужна во время выполнения нашей программы.
Читая код, мы сталкиваемся с некоторыми терминами, которые могут быть новыми для некоторых из нас. Позвольте мне объяснить их построчно
- Первая строка: import UIKit
Ключевое слово import в основном говорит xcode, чтобы модуль Apple UIKit понял, что написано под ним. Это ключевое слово используется в нескольких языках и часто используется в сочетании с ключевым словом include из языка C и его производных. - Вторая строка кода: var str = "Hello, Playground"
Эта строка довольно проста. Мы объявили переменный объект с именем str и присвоили ему значение Hello, Playground.
var — указывает на переменную.
str — имя переменной.
= — оператор присваивания.
Hello, Playground — значение, присвоенное переменной.
Для тех, кто все еще плохо знаком с программированием в целом, я объясню синтаксис подробнее при погружении в swift.
Привет мир! с детской площадки
Работаем над созданием Hello, World! app, я взял на себя смелость написать код и запустить его для вас.
Как вы помните из нашей первой статьи, большое внимание уделялось чистоте кода, и здесь мы следуем его правилам относительно именования.
Читая этот код, я полагаю, что большинство наших читателей уже знакомы с ним:
- import UIKit
Здесь мы вежливо просим xcode использовать этот модуль для понимания всей тарабарщины, которую мы написали в текстовом редакторе. - var ourFirstString = "Hello, World!"
Здесь мы объявили нашу первую переменную, назвали ее ourFirstString и присвоили ей значение "Привет, мир!". - print(ourFirstString)
Это ваше первое знакомство с функцией или методом в swift. Эта функция печати похожа на printf в C и console.log в JS. Он печатает только то, что было передано в качестве аргумента.
Общий синтаксис оператора print в swift выглядит примерно так: print(variable). Оператор печати принимает любой тип переменной в качестве аргумента. Это означает, что вы можете передавать числа, строки, указатели и даже объекты. Это все, что вам нужно знать об этом на данный момент, так как мы поговорим об этом позже в следующей статье, когда мы погрузимся в Swift.
Теперь, когда мы объяснили и выполнили наш код, мы можем увидеть некоторые изменения, произошедшие на экране.
В правой колонке мы видим рядом со строкой присвоения переменной, ее значение было напечатано в правой колонке. Это встроено в игровую площадку xcode и может пригодиться, когда вы проверяете свои функции, чтобы увидеть, где что-то пошло не так.
Также мы видим, что наш оператор print был напечатан в правом столбце. но мы также можем увидеть кое-что, что мы не добавили в нашу переменную, а именно символ \n. Для тех, кто не знаком со специальными символами, это универсальный символ — это означает, что он не является эксклюзивным для одного языка разработки — что указывает на то, что в этой строке больше ничего нет и пора начинать новую. Этот символ встроен в метод print по причинам семантики и форматирования.
Глядя ниже нашего текстового редактора, мы видим, что значение ourFirstString было напечатано так, как мы его себе представляли, обычный текст, говорящий Hello, World!
Сводка по игровой площадке
До сих пор в этой статье мы изучили основы xcode, как запустить игровую площадку и как написать знаменитый Hello, World! приложение.
Мы также начали изучать Swift — язык разработки для iOS, в котором еще много чего есть, но пока это хорошо.
Проекты Xcode: встреча с Боузером!
Я знаю, что это было не лучшее название для этого раздела, которое я должен был придумать, но, по крайней мере, оно служит цели, верно?
Как бы то ни было, поиграв некоторое время в Марио и столкнувшись со всеми различными уровнями и подземельями, один может подумать, что столкнуться с боузером невозможно. — Да, я такой старый! - Тем не мение; столкнувшись с Баузером, вы поймете, что это было довольно легко по сравнению с тем, что вам приходилось делать до сих пор.
Точно так же для тех, кто все еще находится в начале своей карьеры iOS-разработчика, эта статья может быть немного сложной, и они могут даже подумать, что понять, как разработчик будет работать в проекте xcode, будет слишком сложно.
Хватит заверений и давайте нырнем прямо.
Проекты Xcode — это не что иное, как набор файлов, которые ваш компьютер объединяет вместе для создания тех красивых приложений, которые у вас есть на вашем телефоне. Да, я знаю, что есть слишком много настроек, с которыми вы можете поиграться, но давайте пока останемся со значениями по умолчанию.
Ваш первый проект Xcode
После открытия xcode и выбора второго варианта создания нового проекта xcode из нескольких вариантов, которые вы видите на экране, вы должны увидеть экран ниже.
Как видите, вариантов может быть огромное количество. В основном это шаблоны, которые помогают опытным разработчикам ускорить разработку своих приложений.
Xcode может помочь разработчикам создавать великолепные приложения не только для платформы iOS, но и для других продуктов Apple, которые используют операционную систему, удобную для использования продукта. В этой серии мы сосредоточимся только на разработке iOS, поэтому мы не говорим о каких-либо других платформах, которые Apple может предоставить.
Проверив доступные опции для iOS, можно было увидеть, что есть два раздела:
- Применение
- Фреймворк и библиотека
Раздел Приложение — это место, где большинство младших разработчиков iOS проводят свое время. Второй раздел — Framework & Library — предназначен для более опытных разработчиков, которые хотят создать что-то для внутреннего использования своей компании или что-то для широкой публики в качестве вклада в сообщество разработчиков открытого исходного кода. Подробнее о том, что будет объяснено в будущей статье.
Поскольку эта серия предназначена для тех, кто является абсолютным новичком, мы придерживаемся раздела Приложение и особенно шаблона Single View App.
Персонализация проекта Xcode
После выбора Single View App вы должны увидеть экран, аналогичный приведенному ниже.
На этом экране вы начинаете определять уникальные свойства для своего приложения.
Список различных опций, которые у нас есть на этом экране:
- Название продукта
Вы можете представить это как имя вашего ребенка — вашего приложения. - Команда
Это команда, к которой вы принадлежите.
Пока вы можете просто использовать личную команду для обучения. - Название организации
Это должно быть предоставлено вашим работодателем, но сейчас вы можете ввести любую уникальную строку, которая поможет однозначно определить вас. - Идентификатор организации
Эта строка уникальна для каждой организации. вы можете думать об этом как об обратном доменном имени указанной организации.
Например, если доменное имя организации — xyz.com, то идентификатор организации — com .xyz.
Это помогает однозначно идентифицировать приложения организации в App Store. - Идентификатор пакета
Это в основном ваш идентификатор организации, за которым следует точка, затем ваше название приложения.
Например, приложение app, созданное организацией с идентификатором com.xyz, будет иметь идентификатор пакета com.xyz.app. - Язык
В прошлом приложения для iOS разрабатывались с использованием языка под названием Objective-C, и, честно говоря, я не рекомендую идти по этому пути, если в этом нет крайней необходимости. С 2014 года Apple решила сделать Swift официальным языком разработки для iOS.
Просто убедитесь, что выбрано значение swift. - Используйте Core Data
Вы можете думать о Core Data как о базе данных Apple для их iOS. Давайте просто оставим это и пока не проверяем. - Включите модульные тесты
Наши опытные читатели сразу узнают, что это такое. Для других наших читателей, которые только начинают свой путь разработки, модульное тестирование — это в основном способ убедиться, что ваш код делает именно то, для чего он был написан. Тем не менее, это сложная тема, поэтому давайте оставим ее пока не отмеченной. - Включите тесты пользовательского интерфейса
Концепция аналогична модульным тестам, но нацелена на пользовательский интерфейс. Опять же, давайте оставим это без проверки.
После того, как вы закончите с этим экраном, xcode спросит вас, где сохранить ваш проект. Неважно, где вы сохранили, если вы помните, где.
На этом этапе xcode завершит создание вашего проекта, а затем перенесет вас туда, где вы начнете разработку.
Проект Xcode: биты и бобы
После сохранения вашего проекта xcode перенесет вас к деталям вашего проекта, где вы, как правило, будете удовлетворены значениями по умолчанию, если только ваш проект не требует иного, но это для разработчиков среднего и продвинутого уровня.
вы должны найти экран, похожий на этот:
На левой панели мы видим то, с чем мы знакомы, навигатор нашего проекта. Да, у нас есть несколько других вариантов, но они предназначены для последующего использования и сейчас нас не волнуют.
Как видите, xcode помог нам, создав необходимые файлы для нашего проекта.
Мы видим несколько файлов с разными расширениями.
Некоторые файлы заканчиваются на .swift и являются вашими файлами кода, в которых вы записываете логику своей программы.
Другие файлы заканчиваются на .storyboard. Это в основном место, где вы создаете свой интерфейс.
Файл info.plist — это важный файл, с которым вы столкнетесь позже, когда дело дойдет до определения специальных уровней доступа для вашего приложения, таких как использование службы определения местоположения, камера и многие другие функции.
В папке assets.xcassets хранятся значки и изображения, которые будут использоваться вашим приложением.
Проекты Xcode: сводка
Таким образом, к концу этого раздела вы должны знать, как создать проект xcode, которым вы будете пользоваться до конца своей карьеры iOS-разработчика.
Вы также должны знать основные функции множество вариантов, предлагаемых вам при создании проекта xcode, и что оставить на данный момент, учитывая ваш уровень знаний в области разработки.
Сводка HUD
Итак, в конце этой статьи вы должны знать, как работать с xcode и как создать игровую площадку, написать в ней код, а затем выполнить его.
Вы также должны быть знакомы с тем, как создать проект и что делает каждый из различных вариантов, предоставленных вам.
Также вы должны быть в состоянии определить, какие файлы по умолчанию, а также различать расширения файлов, когда вы начать разработку своего приложения.
Следующие статьи цикла
Для моей следующей статьи мы начнем с создания простого калькулятора, который должен стать хорошим примером для тех, кто все еще новичок в разработке, а затем начнем работать над этим проектом в следующих статьях.
Следующие статьи должны включать в себя различные аспекты разработки iOS, а также улучшать то, как наши читатели разрабатывают свои приложения с точки зрения, которая будет определена, когда это абсолютно необходимо.
