benya/Messenger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
Messenger/docs/android-ui-batch-4-checklist.md
Codex 448ed3243d
Some checks failed
Android CI / android (push) Failing after 4m7s
Details
Android Release / release (push) Failing after 4m36s
Details
CI / test (push) Has started running
Details
android: start material icons migration for chat and list ui
2026-03-09 19:56:27 +03:00

3.9 KiB
Raw Permalink Blame History

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.

Прогресс:

  • Chat/List базовые action-иконки переведены на Material Icons (Step 75).

Карта скриншотов (что на каждом)

  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).
  • Цветовой и контрастный финал под темную тему.
Reference in New Issue View Git Blame Copy Permalink