| 1 | Закругленные углы |
| 2 | Размытый фон |
| 3 | Минималистичная типографика |
| 4 | Плавные анимации |
- Использование UNUserNotificationCenter
- Настройка content для уведомления
- Добавление actions для интерактивности
- Регистрация категорий уведомлений
- Импортируйте фреймворк UserNotifications
- Запросите разрешение на показ уведомлений
- Создайте контент уведомления (title, subtitle, body)
- Настройте звук и badge приложения
- Добавьте триггер для показа
| Свойство | Значение |
| border-radius | 14px |
| backdrop-filter | blur(20px) |
| box-shadow | 0 4px 20px rgba(0,0,0,0.15) |
| font-family | SF Pro Display |
- Контейнер с классом ios-notification
- Заголовок (h3 для app name)
- Текст уведомления (p для content)
- Время в нижнем углу (small для timestamp)
- Плавное появление с opacity 0 до 1
- Небольшое смещение снизу вверх
- Эффект пружины при появлении
- Плавное исчезновение при закрытии
| Длительность | 0.5s для появления |
| Timing-function | cubic-bezier(0.16, 1, 0.3, 1) |
| Задержка | 0.1s между групповыми уведомлениями |
Рекомендации по дизайну
- Используйте системные шрифты Apple
- Соблюдайте отступы как в оригинале (16px по краям)
- Добавьте легкую прозрачность (85% opacity)
- Имитируйте стеклянный эффект фона
Создание уведомлений в стиле iOS требует внимания к деталям дизайна и анимации. Используя системные компоненты или точно воспроизводя визуальные характеристики, можно добиться полного соответствия фирменному стилю Apple.
