Как настроить экраны с карточками

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

Главная страница приложения представляет собой экран со списком карточек (для больших экранов — планшетов или в ландшафтной ориентации — в виде хитрой сетки).

Вид карточек списком

 

Вид карточек в сетке

Карточек много, они разделены на несколько категорий и типов. Вот их список (конечно не окончательный, т.к. я пополняю их число):

Категория — Топливо

Важное замечание раз — если автомобиль имеет два бака, то для топливной карточки можно выбрать, по  какому из баков показывать информацию (первый/второй/оба).

Важное замечание два — по нажатию на карточку откроется всплывающее окошко с доп информацией, из которого (чаще всего) можно перейти на детальный график, связанный с карточкой

Расход топлива — Основное

Расход топлива — Графики

Расход топлива — Подробно

Расход топлива — Последний

Стоимость пути — Основное

Стоимость пути — Графики

Стоимость пути — Подробно

Стоимость пути — Последний

Остаток

Остаток — Графики

Последняя заправка

Суммарный пробег

Расстояние — Графики

Стоимость заправки

Стоимость заправки — Графики

Суточный пробег

Суточный расход

Количество записей

Расстояние — Месяц — Графики

 

Категория — Расходы

Важное замечание раз — все карточки по расходу имеют возможность выбора периода, за который они показывают статистику (подробнее ниже).

Важное замечание два — чем отличаются траты от содержания написано тут.

Важное замечание три — если нажать на карточку, откроется список трат, которые вошли в ее «базу». Если прицелиться и нажать в цветной бар, то откроются только записи по выбранному категории/разделению.

Траты

Содержание

Траты — Графики

Содержание — Графики

Траты — Общая статистика

Содержание — Общая статистика

Категория — События

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

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

События (Подробно)

События (Сводка)

События (Миниатюра)

События (Общая статистика)

Карточек много, так как же их выбирать и управлять ими. На экране, который содержит карточки (а их 3 вида: о главном, Статистика — Траты, Статистика — Расход топлива) вверху есть иконка перехода к следующему экрану настроек и управления карточками:

Настройка и управление карточками

Вверху есть кнопка добавления новой записи и кнопка сброса набора карточек на «по умолчанию».

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

При нажатии на карточку открывается диалог выбора и настройки карточки, а также ее удаления.

Диалог топливных карточек

Диалог тратных карточек

Диалог событийных карточек

Выбор карточки идет сверху вниз — О чем карточка (категория), затем тип карточки (все они показаны выше), затем появляется опциональный выбор для карточки:

Для топливных карточек — это выбор бака (первый/второй/оба) — актуально для двухтопливных авто.

Для тратных карточек — это выбор периода, по которому считается статистика.

Фильтр тратных карточек

Для событийных карточек — это выбор фильтрации событий по типу (пропущено/нет) и дате предстоящего исполнения.

Фильтр событийных карточек

 

Добавить комментарий