Как устроен Калькулятор

Комбинируется Auto Layout и фреймы. Кнопки обычные UIButton.

Читается за 1 минуту Обновлено 14 дней назад

Сделано на сценах. Сцена одна, класс окна назвали CalculatorWindow.

Контроллер

Root-контроллер назвали CalculatorController. Все элементы вписываются в SafeAreaLayoutGuide.

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

Клавиатура

Кнопки находятся в контейнере CalculatorKeypadView. Сетку кнопок расставили фреймами, а сам контейнер лейаутится с помощью констрейнтов.

 Класс клавиатуры CalculatorKeypadView.
Класс клавиатуры CalculatorKeypadView.

Все кнопки это объекты класса CalculatorKeypadButton, он наследуется от UIButton. Внутри кнопок находится системный UILabel, даже кнопка C - Clear сделана текстом.

 Класс кнопки CalculatorKeypadButton.
Класс кнопки CalculatorKeypadButton.

Окно ввода

Окно с введёнными цифрами назвали DisplayView. Ширину лейбла внутри контейнера пересчитывают при каждом вводе новой цифры или операции. На вью добавили 3 жеста - свайп, лонг-пресс и тап.

 Класс окна ввода DisplayView.
Класс окна ввода DisplayView.

Высотой лейбла с результатом управляют констрейнтами. Для альбомной ориентации получается странное значение 71.5.

Альбомная ориентация

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

 Иерархия вью альбомной ориентации Калькулятора.
Иерархия вью альбомной ориентации Калькулятора.

Accessibility

Приложение поддерживает Voice Over и Voice Controlдля всех интерактивных элементов.

 Поддержка Accessibility.
Поддержка Accessibility.

Окно с результатом диктуется как «Result, 89, Summary Element».