StatsUI adopts a card-based design language aimed at centrally displaying various statistics, chart-based hardware monitoring, and module data.

Layout Logic

• Dual-column Layout (Landscape): In landscape mode, the left column displays status cards and system monitoring charts, while the right column shows the module statistics donut chart and system info cards, making full use of screen width.
• Single-column Layout (Portrait): In portrait mode, all cards are arranged vertically from top to bottom: status cards, system monitoring charts, module statistics, and system information.
• Unified TonalCard Style: Each function is arranged in TonalCard format, creating a unified visual hierarchy.

Top Layout Switching

StatsUI provides a layout option for the top area (stats_top_layout):

List Mode

• Default vertical arrangement
• Status cards (working status, AndroidPatch status) stacked vertically
• Larger spacing between items for better readability

Grid Mode

• Compact grid arrangement
• Left side features a large status card, right side has two small info cards (kernel version, AndroidPatch status)
• Higher information density, displaying more content on one screen
• When using this mode, Grid working card settings can be configured

Visual Style

StatsUI emphasizes information density and readability:

• Clean Design: Avoids excessive decorative elements, highlighting core data and charts.
• High Contrast: Ensures text, icons, and charts are clearly readable on various backgrounds.
• Wallpaper Adaptation: Supports wallpaper-aware top padding, maintaining good visual results even with custom backgrounds.

Copyright

Copyright Ownership:FolkPatch Team

License under:Attribution 4.0 International (CC-BY-4.0)

Edit this page

Contributors: matsuzaka-yuki

Previous pageOverview

Next pageStatistics