From e65714e45e7b79f3855ce4defacc5aeb9aa33b27 Mon Sep 17 00:00:00 2001 From: Codex Date: Mon, 9 Mar 2026 19:50:17 +0300 Subject: [PATCH] docs: add ui batch 4 reference map and material icons policy --- android/CHANGELOG.md | 5 +++ docs/android-ui-batch-4-checklist.md | 53 ++++++++++++++++++++++++++++ docs/android-ui-checklists-index.md | 1 + 3 files changed, 59 insertions(+) create mode 100644 docs/android-ui-batch-4-checklist.md diff --git a/android/CHANGELOG.md b/android/CHANGELOG.md index 85b1f95..2dc23ec 100644 --- a/android/CHANGELOG.md +++ b/android/CHANGELOG.md @@ -460,3 +460,8 @@ - Fixed voice media type mapping in message repository: recorded files with `voice_*.m4a` are now sent as message type `voice` (not generic `audio`). - Fixed audio replay behavior: when playback reaches the end, next play restarts from `0:00`. - Improved duration display in audio/voice player by adding metadata fallback when `MediaPlayer` duration is not immediately available. + +### Step 74 - UI references consolidation (Batch 4) +- Added full Telegram reference mapping checklist (`docs/android-ui-batch-4-checklist.md`) with screenshot-by-screenshot description. +- Added explicit icon policy: no emoji icons in production UI components, Material Icons/vector icons only. +- Updated UI checklist index with Batch 4 entry. diff --git a/docs/android-ui-batch-4-checklist.md b/docs/android-ui-batch-4-checklist.md new file mode 100644 index 0000000..dd61db0 --- /dev/null +++ b/docs/android-ui-batch-4-checklist.md @@ -0,0 +1,53 @@ +# Android UI Checklist — Batch 4 (Full Reference Mapping) + +Дата: 2026-03-09 +Источник: объединенная пачка референсов Telegram Android (настройки, списки, чат, медиа, запись голосового/кружка) + +## Обязательное правило иконок +- [ ] Не использовать emoji как иконки в UI-компонентах. +- [ ] Использовать только `Material Icons` (Outlined/Rounded) или векторные ассеты в том же стиле. +- [ ] Все action-кнопки (`send`, `attach`, `mic`, `play`, `pause`, `delete`, `reply`, `forward`) перевести на иконки из `androidx.compose.material:material-icons-extended`. + +## Карта скриншотов (что на каждом) +1. Энергосбережение: секционные карточки + тумблеры. +2. Уведомления и звуки: длинный список секций и switch-row. +3. Данные и память: usage/autoload/streaming/proxy карточки. +4. Конфиденциальность (детальный список правил видимости). +5. Конфиденциальность (безопасность + приватность блоками). +6. Аккаунт: карточки с базовыми полями профиля. +7. Контакты: поиск + быстрые действия + список контактов. +8. Архив: поиск + архивный список + бейджи. +9. Профиль-хедер: hero-блок, действия, табы. +10. Чат с unknown-контактом: баннеры add/block + инфо-плашка. +11. Чат с voice/reply: pinned bar, voice bubbles, composer. +12. Главный экран настроек: профиль + список разделов карточками. +13. Fullscreen media viewer: header, счетчик, подпись. +14. Чат с circle video (video notes). +15. Контекстное меню по тапу: reaction bar + action list. +16. Чат с аудио в плеере вверху + pinned. +17. Групповой чат с крупным file/media list bubble. +18. Forwarded card с вложенным контентом и footer. +19. Multi-select: верхняя/нижняя панели действий. +20. Chat list (фильтр People): чипы, список, FAB. +21. Chat list (фильтр All): архив-строка, pinned-метки. +22. Канал/пост: текст + preview + CTA + комментарии/reactions. +23. Запись голосового: HUD снизу, свайп-влево для отмены. +24. Запись video note: круглый превью-режим камеры. + +## P0 — Что делаем первым +- [ ] Единая визуальная система карточек (surface, радиусы, разделители, типографика). +- [ ] Chat Screen parity: app bar, pinned bar, bubbles, composer. +- [ ] Context menu parity: tap -> меню, long-press -> multi-select. +- [ ] Voice UX parity: playback + запись (hold/lock/cancel HUD). +- [ ] Полная замена emoji-иконок на Material Icons. + +## P1 — Дальше +- [ ] Profile/Settings/Privacy/Contacts привести к единым card-row компонентам. +- [ ] Channel post layout (preview + CTA + footer). +- [ ] Media viewer и media-grid parity (selection overlays, actions). +- [ ] Unknown user chat banner и мини-плеер под app bar. + +## P2 — Полировка +- [ ] Анимации появления menu/sheets/selection (короткие, без перегруза). +- [ ] Выравнивание отступов/ритма (8/12/16/20dp). +- [ ] Цветовой и контрастный финал под темную тему. diff --git a/docs/android-ui-checklists-index.md b/docs/android-ui-checklists-index.md index 555fe5f..dec187b 100644 --- a/docs/android-ui-checklists-index.md +++ b/docs/android-ui-checklists-index.md @@ -3,3 +3,4 @@ - [Batch 1 checklist](./android-ui-batch-1-checklist.md) — настройки, профиль, контакты, базовая оболочка. - [Batch 2 checklist](./android-ui-batch-2-checklist.md) — чат, media, reactions, message actions. - [Batch 3 checklist](./android-ui-batch-3-checklist.md) — channel posts, media multi-select, circle video capture. +- [Batch 4 checklist](./android-ui-batch-4-checklist.md) — полная карта референсов + икон-политика (Material Icons only).