Skip to content

Latest commit

 

History

History

1.2

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

1.2 Инструменты для разработки интерфейса

На занятии вы познакомились с основными рабочими областями Xcode, научились строить интерфейс при помощи Interface Builder и Autoresizing Mask, а также узнали о Storyboard, xib, nib файлах и их особенностях.

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

Создайте новый проект с названием 'Netology_IB_Instruments', используя шаблон 'Single View Application'.

  1. Создайте файл ProfileView.xib.
  2. Поместите в 'ProfileView' следующие элементы:
  • UIImageView для фото пользователя;
  • UILabel для имени пользователя;
  • UILabel для информации о дне рождения;
  • UILabel для информации о месте нахождения (город);
  • UITextView для подписи).
  • По желанию можете установить различные стили, цвета и размеры шрифтов.
  1. Используя Autoresizing mask, расположите UI элементы согласно макетам. Точные размеры элементов и отступы в данном задании не важны. Главное, чтобы все элементы сохраняли порядок согласно макету, а также растягивались и сжимались в зависимости от размера дисплея устройства.
  2. Создайте файл ProfileView.swift. Унаследуйтесь от класса UIView.
  3. При помощи Assistant Editor добавьте @IBOoutlet'ы для всех элементов, установите для них имена, подходящие по смыслу.
  4. Загрузите в проект фотографию для аватара и установите ее для UIImageView.
  5. Создайте новый файл Profile.storyboard.
  6. Создайте новый файл ProfileViewController.swift, унаследуйтесь от класса UIViewController.
  7. Установите ProfileViewController в качестве управляющего класса для Profile.storyboard в InterfaceBuilder.
  8. Установите ProfileViewController в качестве Initial View Controller.
  9. Установите Profile.storyboard в качестве Main interface в настройках проекта.

Заархивируйте готовую работу в .zip-файл и прикрепите в личном кабинете.