Tabs 作为内容容器自定义 TabBar 文本样式玻璃拟态底部导航栏使用状态联动保证导航高亮一致掌握这个案例后，你可以轻松扩展为电商首页、课程导航、任务面板等场景。

Row + layoutWeight 实现左右两列指标卡片式背景与圆角增强视觉聚焦空状态提升体验，有记录时自然过渡到列表掌握这个案例后，你可以迁移到饮水、睡眠、打卡等模块，快速搭建可视化的日统计卡片。

之前我们讲了如何在API22里面，实现一个简易的悬浮导航栏。但是在API23中，官方给了更为便捷的方案。

菜单入口触发弹窗显示周/月切换控制数据周期环形进度展示综合评分线性进度展示分项平均分数据趋势折线图日历高亮评分等级标签。

/ 当前评分，默认 3 分使用 ForEach 渲染星星数组，代码简洁通过 @State 管理评分状态点击事件更新评分，UI 自动刷新三元运算符实现实心/空心星星切换数组映射实现评分文字描述FlexAlign.SpaceEvenly 实现均匀布局星级评分是最经典的交互组件之一，掌握这个案例后，你可以轻松实现商品评价、用户反馈、满意度调查等各种评分场景。

在热力图页面（HeatmapPage）中，使用说明功能由三部分内嵌式使用说明面板— 首次进入或开启常驻时，在网格上方展开的引导卡片浮动帮助按钮— 面板隐藏后出现在右上角的圆形悬浮按钮AlertDialog 弹窗— 点击?按钮后弹出的详细帮助对话框showGuide（控制面板显隐）和（控制是否常驻）。同时利用 PreferencesManager 将用户选择持久化到本地。@State showGui

时光重塑页面（SimulationPage）是一个典型的多功能交互页面三层条件渲染：加载态 / 错误态 / 主内容双视图切换：原始数据 ↔ 重塑后固定底部按钮栏：与滚动内容分离嵌套对话框：CustomDialog 承载表单编辑整体采用 Column 垂直布局，通过控制滚动区域自适应。

数据模型：Challenge（配置）、ChallengeAttempt（尝试）、ChallengeSolve（成绩）。状态管理：ChallengesController 管理挑战列表和尝试记录。挑战流程：创建挑战 → 开始尝试 → 添加成绩 → 完成判定。平均计算：去掉最好和最差，剩余求平均，DNF >= 2 则整体 DNF。数据持久化：使用 Hive 存储，支持序列化和反序列化。观察惩罚：15

数据模型：Challenge（配置）、ChallengeAttempt（尝试）、ChallengeSolve（成绩）。状态管理：ChallengesController 管理挑战列表和尝试记录。挑战流程：创建挑战 → 开始尝试 → 添加成绩 → 完成判定。平均计算：去掉最好和最差，剩余求平均，DNF >= 2 则整体 DNF。数据持久化：使用 Hive 存储，支持序列化和反序列化。观察惩罚：15

本文中的代码全部来自项目现有实现，核心逻辑集中在。