四个设备按钮的文字都很接近，如果没有颜色反馈，用户点击后很难快速确认当前选择。页面使用两种背景色区分状态：被选中的按钮使用较深的蓝色，未选中的按钮使用浅蓝色。默认进入页面时，手机按钮就是深蓝色；点击其他按钮后，深蓝色会移动到新的选项上。这种颜色切换并不是装饰，而是状态反馈的一部分。按钮文字告诉用户“它代表什么”，颜色告诉用户“它是不是当前选择”。两种信息配合在一起，可以减少用户反复确认的成本。尤其

这张“今日专注”卡片用很少的内容展示了一个完整的状态反馈闭环：卡片有紧凑和放大两种展示形态，尺寸按钮负责切换形态，刷新按钮负责推进完成度和刷新次数，底部提示负责告诉用户当前操作记录。标题、百分比和目标说明按照清晰的优先级排列，深蓝卡片、浅色背景、蓝色按钮和青绿色刷新按钮共同建立了稳定的视觉层次。更重要的是，它把“桌面卡片预览”和“真实桌面卡片能力”区分开来。当前页面可以用于观察卡片内容、比例和交互

通知页面的主体不是按钮，而是用户需要阅读的内容。当前两条卡片虽然固定，但它们展示了通知信息的三个基本维度。第一是标题。标题直接说明通知主题，“版本更新提醒”让用户知道它与版本变化有关，“订阅内容上新”让用户知道它与关注内容有关。标题采用粗体，用户快速滚动时也能先看到核心信息。第二是时间。第一条显示“刚刚”，第二条显示“10:30”。时间没有采用同一种文案，体现了通知列表中常见的相对时间和具体时间两

如果只有三个开关，用户需要逐项查看才能知道当前总体状态。绿色摘要把三个状态汇总成一个数字，形成页面的第二个信息入口。用户可以先看摘要判断整体，再根据需要回到具体卡片检查是哪一项被打开或关闭。摘要的计算规则很直接：相机打开计一项，麦克风打开计一项，位置打开计一项，三项相加得到当前已授权能力数。初始组合是相机关闭、麦克风关闭、位置开启，所以显示一项。打开相机后变为两项，打开麦克风后变为三项；关闭任何一

第一，主要动作要有足够的视觉重量。这个页面把拍摄按钮做成整行高按钮，并用明显的白色或红色背景，使用户可以迅速找到它。第二，模式切换要同时改变文案和颜色。只改变颜色容易让部分用户忽略，只有文案又可能缺少视觉速度。当前页面让模式按钮、主要按钮和底部单位一起响应，形成一致的提示。第三，参数调整要有就近反馈。变焦滑块位于取景区域下方，但倍率数字直接出现在取景区域中，用户拖动时不需要把视线移到很远的位置。第

这个并行与串行对比页面用很少的控件完成了一次完整的概念演示。并行和串行按钮负责选择执行方式，Worker 数量卡片负责展示可调参数，执行按钮负责从等待状态切换到结果状态，结果卡片负责呈现八项任务和一组耗时文字。紫色选中态、绿色较短结果、红色较长结果和浅灰等待提示，共同构成清晰的视觉反馈。页面最适合帮助初学者建立三个认识。第一，并行和串行是互斥的展示模式，需要通过明确的选中态让用户知道当前选择。第二

这个并行与串行对比页面用很少的控件完成了一次完整的概念演示。并行和串行按钮负责选择执行方式，Worker 数量卡片负责展示可调参数，执行按钮负责从等待状态切换到结果状态，结果卡片负责呈现八项任务和一组耗时文字。紫色选中态、绿色较短结果、红色较长结果和浅灰等待提示，共同构成清晰的视觉反馈。页面最适合帮助初学者建立三个认识。第一，并行和串行是互斥的展示模式，需要通过明确的选中态让用户知道当前选择。第二

返回按钮只在详情状态出现，位于顶部标题区域的右侧。它使用普通按钮样式，但通过蓝色文字和浅蓝背景突出可操作性。初始状态不显示它，避免用户误以为自己已经进入了一个需要返回的子页面；进入详情后它才出现，与当前状态保持一致。点击返回按钮后，当前选择恢复为未选择状态。标题重新变为总标题，返回按钮消失，详情区域被四张卡片替换，辅助说明文字重新出现。页面不会保留上一次详情的完成提示，也不会自动选中刚才点击的卡片

返回按钮只在详情状态出现，位于顶部标题区域的右侧。它使用普通按钮样式，但通过蓝色文字和浅蓝背景突出可操作性。初始状态不显示它，避免用户误以为自己已经进入了一个需要返回的子页面；进入详情后它才出现，与当前状态保持一致。点击返回按钮后，当前选择恢复为未选择状态。标题重新变为总标题，返回按钮消失，详情区域被四张卡片替换，辅助说明文字重新出现。页面不会保留上一次详情的完成提示，也不会自动选中刚才点击的卡片

拆解状态管理性能优化：原生鸿蒙页面的实现路径与调试方法 的发布材料应始终围绕当前页面的真实行为维护：默认页面说明起点，操作图说明变化，代码图说明实现。以后修改 State Performance 时，先检查状态与条件，再检查运行结果和文章描述，能够减少代码、截图与文字不同步的问题。