iOSНачало работы с iOS

замечания

Заметки

1- Вам не нужна учетная запись Apple Developer, чтобы начать разработку приложений для iOS. Документацию и инструменты можно бесплатно загрузить с помощью Apple ID. Вы также можете подписывать и устанавливать приложения на своих персональных устройствах, используя тот же идентификатор Apple. Если вы хотите распространять или продавать приложения в App Store , вам необходимо зачислить Программу разработчиков Apple, начиная с 99 долларов США (это цена на момент написания статьи и может измениться). Это также добавит инциденты поддержки кода и бета-тестирования для ваших приложений через TestFlight.

2- Создание Apple ID без кредитной карты требует короткого процесса . Если вы не возражаете, связав метод оплаты как часть регистрации, перейдите на страницу https://appleid.apple.com/

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

  • xcode Apple IDE (интегрированная среда разработки) для разработки приложений iOS и macOS
  • swift-language Один из основных языков, которые вы можете использовать для разработки в iOS.
  • object-c-language Один из основных языков, которые вы можете использовать для разработки в iOS.
  • cocoa API Apple для разработки в iOS и macOS.
  • sprite-kit Для 2D анимированной графики.
  • core-data Для хранения и получения реляционных данных.

Версии

Версия Дата выхода
iPhone OS 2 2008-07-11
iPhone OS 3 2009-06-17
iOS 4 2010-06-08
iOS 5 2011-10-12
iOS 6 2012-09-19
IOS 7 2013-09-18
iOS 8 2014-09-17
iOS 8.1 2014-10-20
iOS 8.2 2015-03-09
iOS 8.3 2015-04-08
iOS 8.4 2015-06-30
iOS 9 2015-09-16
iOS 9.1 2015-10-22
iOS 9.2 2015-12-08
iOS 9.3 2016-03-21
iOS 10.0.1 2016-09-13
iOS 10.1 2016-10-24
iOS 10.2 2016-12-12
iOS 10.2.1 2017-01-23
iOS 10.3 2017-03-27
iOS 10.3.3 2017-07-19

Создайте свою первую программу в Swift 3

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

Требования к разработкам:

  1. MAC OS - версия 10.11.6 или новее для нового Xcode 8.2
  2. Xcode - версия 8.2 Apple Document для внедрения Xcode.

Xcode 8.2 имеет новые функции языка Swift 3 с новыми совместимыми с iOS 10 APi.

Создайте свою первую программу

Сначала перейдите в приложение и откройте свой Xcode 8.2.

Xocde open

После этого вы увидите экран

Создать новый проект

Затем выберите «Создать новый проект», после чего вы увидите следующий экран

Выберите проект Это также очень важная часть внутри Xcode для выбора нашего типа проекта. Нам нужно выбрать наш проект в соответствии с типами ОС. На верхней стороне есть пять типов опций:

  1. IOS

  2. watchOS

  3. Macos

  4. Кросс-платформенная

Теперь мы выбираем платформу iOS для разработки и создаем очень простой проект с одним вариантом приложения:

введите описание изображения здесь

Затем нам нужно указать имя продукта, это будет представлять ваше имя и имя приложения.

Название приложения вы можете изменить позже в соответствии с вашими требованиями. Затем нам нужно нажать «Создать», после чего ваш экран будет выглядеть следующим образом:

Созданный класс

Внутри этого класса вы можете видеть, что имя файла - ViewController.swift, и внутри класса это имя также является ViewController, которое является наследованием суперкласса UIViewController и, наконец, мы создаем нашу первую переменную, имя которой является myString типа String. Добавьте в категорию «super.viewDidLoad ()» следующее:

let myString = "Hello, World!"
 

Мы собираемся распечатать содержимое этой переменной. Сначала выберите тип симулятора в левом верхнем углу экрана и нажмите кнопку «Запустить».

выход

После этого ваш вывод будет показан на терминале, который находится справа внизу. Поздравляем, это ваша первая программа Hello World внутри Xcode.

Создание приложения Single View по умолчанию

Чтобы разработать приложение для iOS, вы должны начать с приложения под названием Xcode. Существуют и другие альтернативные инструменты, которые вы можете использовать, но Xcode является официальным инструментом Apple. Обратите внимание, однако, что он работает только на macOS. Последняя официальная версия - Xcode 8.3.3 с Xcode 9 (в настоящее время в бета-версии), которая будет выпущена позднее в этом году.

  1. Загрузите свой Mac и установите Xcode из App Store, если он еще не установлен.

    (Если вы предпочитаете не использовать App Store или иметь проблемы, вы также можете загрузить Xcode с веб-сайта Apple Developer , но убедитесь, что вы выбрали последнюю версию, а не бета-версию.)

    Иконка Xcode

  2. Откройте Xcode. Откроется следующее окно:

    Экран запуска Xcode

    В окне представлены следующие параметры:

    • Начало работы с игровой площадкой: это было введено с языком Swift и Xcode 6. Это интерактивная область, которая может использоваться для написания небольших фрагментов кода для проверки изменений во время выполнения. Это отличный способ для учеников Swift познакомиться с новыми функциями Swift.
    • Создайте новый проект Xcode: выберите этот параметр , который создает новый проект с настройкой по умолчанию.
    • Проверьте существующий проект: он используется для проверки проекта из местоположения репозитория, например, для проверки проекта из SVN.
  3. Выберите второй вариант. Создайте новый проект Xcode, и Xcode попросит вас выполнить начальную настройку проекта:

    Выбрать шаблон

    Этот мастер используется для выбора шаблона проекта. Есть 5 вариантов:

    • iOS: используется для создания приложений, библиотек и фреймворков iOS
    • watchOS: Используется для создания приложений, библиотек и фреймворков watchOS
    • tvOS: Используется для создания приложений, библиотек и фреймворков tvOS
    • macOS: используется для создания приложений, библиотек, фреймворков, пакетов AppleScripts и т. д.
    • Кросс-платформенный: используется для создания кросс-платформенных приложений, шаблонов и содержимого для покупок в приложении

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

    Здесь мы будем использовать первый вариант iOS .

    1. Приложение «Мастер-детали»:

      Этот шаблон содержит объединенный интерфейс мастера и детали: мастер содержит объекты, связанные с интерфейсом детали. Выбор объектов в главном изменяет интерфейс деталей. Вы можете увидеть этот вид пользовательского интерфейса в приложениях «Настройки», «Заметки» и «Контакты» на iPad.

    2. Применение на основе страницы:

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

    3. Приложение с одним взглядом:

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

    4. Приложение с вкладками:

      Этот шаблон создает вкладки в нижней части приложения. Каждая вкладка имеет другой интерфейс и другой навигационный поток. Вы можете увидеть этот шаблон, используемый в таких приложениях, как Clock, iTunes Store, iBooks и App Store.

    5. Игра:

      Это отправная точка для разработки игр. Вы можете пойти дальше с такими игровыми технологиями, как SceneKit, SpriteKit, OpenGL ES и Metal.

  4. В этом примере мы начнем с приложения Single View

    Создать проект

    Мастер поможет вам определить свойства проекта:

    • Название продукта: название проекта / приложения
    • Название организации: название организации, в которой вы участвуете
    • Идентификатор организации: уникальный идентификатор организации, который используется в идентификаторе пакета. Рекомендуется использовать обратную службу имен доменов.
    • Идентификатор пакета: Это поле очень важно. Он основан на вашем имени проекта и идентификаторе организации, выбирайте с умом. Идентификатор пакета будет использоваться в будущем для установки приложения на устройство и загрузки приложения в iTunes Connect (который является местом, где мы загружаем приложения, которые будут опубликованы в App Store). Это уникальный ключ для идентификации вашего приложения.
    • Язык: язык программирования, который вы хотели бы использовать. Здесь вы можете изменить Objective-C на Swift, если он не выбран.
    • Устройства. Поддерживаемые устройства для вашего приложения, которые могут быть изменены позже. Он показывает iPhone, iPad и Universal. Универсальные приложения поддерживают устройства iPhone и iPad, и рекомендуется выбирать этот вариант, когда нет необходимости запускать приложение только на одном устройстве.
    • Использование основных данных. Если вы хотите использовать Core Data Model в своем проекте, пометьте его как выбранный и создайте файл для .xcdatamodel . Вы также можете добавить этот файл позже, если вы не знаете заранее.
    • Include Unit Tests: Это настраивает цель тестирования устройства и создает классы для модульного тестирования
    • Включить тест пользовательского интерфейса: это настраивает цель тестирования пользовательского интерфейса и создает классы для тестирования пользовательского интерфейса

    Нажмите « Далее», и он попросит вас указать место, где вы хотите создать каталог проекта.
    Нажмите « Создать», и вы увидите пользовательский интерфейс Xcode с уже определенной настройкой проекта. Вы можете увидеть некоторые классы и файлы раскадровки.

    Это базовый шаблон для приложения с одним представлением.

    В левом верхнем углу окна проверьте, выбран ли симулятор (например, «iPhone 6», как показано здесь), а затем нажмите треугольную кнопку RUN.

    введите описание изображения здесь

  1. Новое приложение откроет Simulator (это может занять некоторое время при первом запуске, и вам может понадобиться дважды попробовать, если вы увидите ошибку в первый раз). Это приложение предоставляет нам моделирование устройств для создаваемых приложений. Это похоже на реальное устройство! Он содержит некоторые приложения, такие как реальное устройство. Вы можете имитировать ориентацию, местоположение, жест встряхивания, предупреждения о памяти, строку состояния во время вызова, касание пальца, блокировку, перезагрузку, дом и т. Д.

    Вы увидите простое белое приложение, потому что мы еще не внесли никаких изменений в шаблон.

Так что начните свое. это длинный пробег, и вас ждет множество новых возможностей!

Если вы не знаете, куда идти дальше, попробуйте руководство Apple « Jump Right In ». Вы уже выполнили первые несколько шагов, чтобы отключиться.

Привет, мир

После настройки Xcode нетрудно получить ваш первый iOS и запустить его.
В следующем примере мы будем:

  • Начать новый проект
  • Добавить ярлык
  • Печать сообщения на консоль.
  • Запуск в симуляторе

Запуск нового проекта

Когда появится экран приветствия Xcode, выберите « Создать новый проект Xcode» . Кроме того, вы можете сделать File> New> Project ... из меню Xcode, если вы уже открыли его.

введите описание изображения здесь

Выберите приложение Single View и нажмите « Далее» .

введите описание изображения здесь

Напишите «HelloWorld» для имени продукта (или того, что вы действительно хотите) и в разделе « Язык» убедитесь, что выбран Swift .

  • Universal означает, что ваше приложение будет работать как на iPhone, так и на iPad.
  • Использование Core Data относится к постоянному хранению данных, которое не требуется в нашем приложении Hello World.
  • В этом примере мы не будем выполнять Unit Tests или UI Tests , но это не повредит привычке добавлять их.

введите описание изображения здесь

Выберите существующую папку или создайте новую, где вы сохраните проекты Xcode. Это будет дефолт в будущем. Мы создали один из них под названием «Проекты Xcode». Затем нажмите « Создать» . Вы можете выбрать Source Control, если хотите (используется при синхронизации с такими сайтами, как GitHub ), но в этом примере нам не понадобится.

введите описание изображения здесь

Добавление ярлыка

Это файловая структура проекта Xcode.

Выберите Main.storyboard в Навигаторе проектов.

введите описание изображения здесь

Введите «метку» в поле поиска библиотеки объектов в правом нижнем углу Xcode. Затем перетащите UILabel на контроллер просмотра раскадровки. Поместите его, как правило, в область верхнего левого угла.

введите описание изображения здесь

Убедитесь, что метка выбрана на раскадровке, а затем в Инспекторе атрибутов , измените текст на «Hello, World!». Затем вам придется изменить размер и изменить положение метки на раскадровке, так как длина текста больше.

введите описание изображения здесь

Кроме того, дважды щелкните ярлык на раскадровке, чтобы отредактировать его как «Hello, World!». Во всяком случае, раскадровка должна выглядеть примерно так:

введите описание изображения здесь

Добавление кода

Выберите ViewController.swift в Навигаторе проектов.

введите описание изображения здесь

Добавьте в метод viewDidLoad() print("Successfully created my first iOS application.") . Это должно выглядеть примерно так.

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // print to the console when app is run
        print("Successfully created my first iOS application.")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}
 

Запуск приложения в симуляторе

введите описание изображения здесь

Нажмите кнопку «Выполнить», чтобы создать и запустить приложение. В этом примере текущее симуляторное устройство (называемое «схемой») по умолчанию соответствует iPhone 6s Plus. Новые версии Xcode по умолчанию будут использовать более новые схемы. Вы также можете выбрать другие схемы, щелкнув имя. Мы просто придерживаемся значения по умолчанию.

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

введите описание изображения здесь

В меню симулятора вы можете выбрать « Окно»> «Масштаб», чтобы уменьшить его, или нажмите ⌘cmd + 1/2/3/4/5 для шкалы 100% / 75% / 50% / 33% / 25% соответственно.

Область отладки Xcode (внизу) также должна была напечатать «Успешно создано мое первое приложение для iOS». на консоль. «Успешно создано мое первое приложение для iOS». message - это строка, которую вы напечатали программно в разделе « Добавить код» .

введите описание изображения здесь

Продолжается

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

Интерфейс Xcode

В Xcode у вас есть три отдельные области работы: навигаторы (в красном), область отладки (зеленым) и утилиты (синим цветом). Основные окна Xcode

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

Область навигатора

область навигатора

Окно навигатора содержит следующие восемь параметров:

  • Навигатор проекта. Добавьте, удалите, группируйте и иным образом управляйте файлами в своем проекте или выберите файл для просмотра или редактирования его содержимого в области редактора.
  • Навигатор символов. Просмотрите символы в своем проекте в виде списка или иерархии. Кнопки слева от панели фильтров позволяют ограничить отображаемые символы комбинацией только классов и протоколов, только символов в вашем проекте или только контейнеров.
  • Найти навигатор Используйте параметры поиска и фильтры, чтобы быстро найти любую строку в вашем проекте.
  • Навигатор проблем. Просмотрите такие проблемы, как диагностика, предупреждения и ошибки при открытии, анализе и создании проекта.
  • Тест-навигатор. Создание, управление, запуск и просмотр модульных тестов.
  • Отладочный навигатор. Изучите текущие потоки и связанную информацию стека в определенный момент или время во время выполнения программы.
  • Навигатор точек останова. Точная настройка точек останова путем указания таких характеристик, как условия запуска.
  • Навигатор отчетов. Просмотрите историю своей сборки, запуска, отладки, непрерывной интеграции и задач управления версиями.

Редакторы

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

  • Редактор источника. Напишите и отредактируйте исходный код. редактор исходного кода
  • Интерфейс Builder. Графически создавать и редактировать файлы пользовательского интерфейса. построитель интерфейсов
  • Редактор проекта. Просмотрите и отредактируйте, как ваши приложения должны быть созданы, например, путем указания параметров сборки, целевых архитектур и прав приложений. редактор проекта

Настройте область редактора для данной задачи с помощью кнопок конфигурации редактора в правой части панели инструментов: введите описание изображения здесь

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

Ресурсы и элементы в области коммунальных услуг

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

Верхняя панель области служебных программ отображает инспекторов. Нижняя панель предоставляет доступ к библиотекам.

Полезная информация


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

  • Инспектор файлов. Просмотр и управление метаданными для выбранного файла. Как правило, вы локализуете раскадровки и другие медиафайлы и изменяете настройки файлов пользовательского интерфейса.
  • Быстрая справка. Подробнее о символе, элементе интерфейса или настройке сборки в файле. Например, Quick Help отображает краткое описание метода, где и как объявляется метод, его область действия, требуемые параметры и доступность платформы и архитектуры.

Используйте панель библиотеки (вторая выделена красным цветом) для доступа к готовым к использованию библиотекам ресурсов для вашего проекта:

  • Шаблоны файлов. Шаблоны для общих типов файлов и кодовых конструкций.
  • Фрагменты кода. Короткие фрагменты исходного кода для использования в вашем программном обеспечении, такие как объявления классов, потоки управления, объявления блоков и шаблоны для широко используемых технологий Apple.
  • Объекты. Элементы пользовательского интерфейса вашего приложения.
  • Средства массовой информации. Файлы, содержащие графику, значки, звуковые файлы и т. П.

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

Чтобы ограничить элементы, отображаемые в выбранной библиотеке, введите соответствующий текст в текстовое поле в панели «Фильтр» (нижняя панель). Например, введите «текст» в текстовом поле, чтобы показать все кнопки в библиотеке объектов.

Управление задачами с помощью панели инструментов Workspace

Панель инструментов в верхней части окна рабочей области обеспечивает быстрый доступ к часто используемым командам. Кнопка « Выполнить» создает и запускает ваши продукты. Кнопка « Стоп» завершает ваш текущий код. Меню Scheme позволяет вам настроить продукты, которые вы хотите построить и запустить. Средство просмотра активности показывает ход выполнения задач, выполняемых в настоящее время, путем отображения сообщений о статусе, прогресса сборки и другой информации о вашем проекте.

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

образ

Меню « Вид» содержит команды для скрытия или отображения панели инструментов.

скрывать