iOS — элементы пользовательского интерфейса

Что такое элементы пользовательского интерфейса?

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

Как добавить элементы пользовательского интерфейса?

Мы можем добавлять элементы UI как в коде, так и с помощью конструктора интерфейсов. В зависимости от необходимости мы можем использовать любой из них.

Наш фокус

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

Наш подход

Мы создадим простое приложение для iOS и будем использовать его для объяснения некоторых элементов пользовательского интерфейса.

Шаг 1. Создайте приложение на основе просмотра, как мы это делали в нашем первом приложении для iOS.

Шаг 2 — Мы будем обновлять только файлы ViewController.h и ViewController.m.

Шаг 3 — Затем мы добавляем в наш файл ViewController.m метод, специфичный для создания элемента пользовательского интерфейса.

Шаг 4 — Мы вызовем этот метод в нашем методе viewDidLoad.

Шаг 5 — Важные строки кода были объяснены в коде с однострочным комментарием над этими строками.

Список элементов пользовательского интерфейса

Конкретные элементы пользовательского интерфейса и связанные с ними функции описаны ниже —

Sr.No.Специфические элементы пользовательского интерфейса
1

Текстовые поля

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

2

Типы ввода — текстовые поля

Мы можем установить тип ввода, который может предоставить пользователь, используя свойство keyboard UITextField.

3

Кнопки

Он используется для обработки действий пользователя.

4

метка

Он используется для отображения статического контента.

5

Панель инструментов

Он используется, если мы хотим манипулировать чем-то на основе нашего текущего представления.

6

Статус бар

Он отображает ключевую информацию об устройстве.

7

Панель навигации

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

8

Панель вкладок

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

9

Просмотр изображения

Он используется для отображения простого изображения или последовательности изображений.

10

Прокрутка просмотра

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

11

Просмотр таблицы

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

12

Разделенный просмотр

Он используется для отображения двух панелей, причем основная панель управляет информацией на панели подробностей.

13

Просмотр текста

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

14

Просмотр перехода

Он объясняет различные переходы между представлениями.

15

Сборщики

Он используется для отображения для выбора определенных данных из списка.

16

Переключатели

Он используется как отключение и включение действий.

17

Слайдеры

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

18

Оповещения

Он используется для предоставления пользователям важной информации.

19

Иконки

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

Выберите поля, которые будут показаны. Прочие будут скрыты. Перктаскивайте мышкой для изменения порядка полей.
  • Изображение
  • SKU
  • Рейтинг
  • Цена
  • Запасы
  • Доступность
  • В корзину
  • Описание
  • Содержимое
  • Вес
  • Размеры
  • Дополнительная информация
  • Атрибуты
  • Custom attributes
  • Настраиваемые поля
Сравнить
Список желаний 0
Открыть страницу желаний Продолжить покупки