健康宣教栏目层级视觉优化实施计划

目标：不增加层级说明文字，通过一级选中向下箭头、 二级缩进子容器、尺寸和颜色层级明确表达接口动态栏目之间的从属关系。

标题栏、接口请求、栏目树、横向滚动、文章筛选、文章列表和详情跳转均不改变； 未经明确授权不执行 Git 暂存、提交或推送。

设计调整记录

1. 第一版：增加“01 一级栏目”“02 二级栏目”。用户要求不要用文字说明层级，因此删除。
2. 第二版：一级使用深蓝主导航，二级使用缩进浅蓝容器；文章篇章标签改为黄色。 用户反馈两行仍像并列导航。
3. 第三版：一级增加向下箭头，二级增加向上缺口和左侧连接边。 用户确认一级箭头有效，但要求删除重复的二级向上箭头。
4. 最终版：只保留一级向下箭头；二级缩进并保留左侧连接边； 两级标题行和内部标签高度调整为原来的 1.5 倍；“×××篇”使用黄色背景和白色文字。

最终视觉规则

• 一级栏目：深蓝主容器，普通项中蓝，选中项亮青色、白字并带向下箭头。
• 二级栏目：浅蓝子容器整体右移，左侧亮青连接边；普通项黑字，选中项项目蓝白字。
• 不显示“一级栏目、二级栏目”等说明文字，二级不显示向上箭头。
• 一级行 72→108，二级行 84→126，栏目标签 54→81；hdpi 同步等像素映射。
• 文章篇章标签使用 #FBCA1D，文字根据真机反馈调整为白色。

动态数据与业务边界

• 一级和二级名称、数量继续由文章分类树接口返回，不写死数据。
• 两级容器继续横向滚动，兼容任意数量和较长名称。
• 保留现有栏目点击、选中、文章收集、空状态、列表刷新和详情跳转。

主要文件

实施步骤

1. 增加两级行高、标签高度、箭头高度的双 DPI 尺寸和一级普通态颜色。
2. 创建一级自绘栏目 View，只在选中时绘制向下箭头。
3. 创建深蓝总容器和缩进浅蓝二级容器；二级仅保留左侧连接边。
4. 让 HealthEducationActivity 分别使用一级和二级布局，保持接口与筛选逻辑不变。
5. 将文章篇章标签改为黄色背景和白色文字。
6. 执行 XML、HTML、差异格式、Debug 构建和单元测试，并追加项目变更记录。

验收标准

• 一级选中项有向下箭头，二级无向上箭头。
• 二级通过缩进、浅色表面和左侧连接边明确从属于一级。
• 两级行和栏目标签高度均为原实现的 1.5 倍。
• 栏目继续由接口动态生成并支持横向滚动。
• 文章篇章标签与整页蓝色背景有清晰对比。
• 标题栏和业务逻辑不变。

实施与验证结果

• 已完成一级主导航、二级缩进子导航和文章篇章标签的视觉实现。
• 一级选中项仅显示向下箭头；二级仅保留缩进、浅蓝表面和左侧亮青连接边，不显示向上箭头。
• 默认与 hdpi 的一级行、二级行、栏目标签和箭头尺寸已同步配置。
• getArticleCategoryTree()、栏目点击、文章收集与筛选、列表适配和详情跳转保持原逻辑。
• XML、HTML 和差异格式检查通过。
• 使用 JDK 8 执行资源处理、Debug 构建和单元测试，结果为 BUILD SUCCESSFUL in 24s（108 个任务：25 个执行、83 个复用）。
• 成功构建已包含本次全部健康宣教源码。15:36 复核时曾被工作区并行修改的 非本次文件 new_department_select_dialog_layout.xml 中 android:clipToOutline 阻断；本次未修改该文件。并行任务调整该文件后再次执行 完整命令，结果为 BUILD SUCCESSFUL in 2s（108 个任务全部复用）。
• 未安装 APK；建议在目标设备上复核字体、横向滚动和最终层级观感。
• 未执行 Git 暂存、提交、推送或分支操作。

真机反馈修正

• 文章篇章标签文字由深蓝调整为白色，黄色背景、高度、位置和接口文本不变。
• 定位到二级栏目重建后的点击监听只刷新文章列表，没有重新计算标签 selected 状态。
• 二级栏目点击现统一调用 selectSecondary(root, selectedChild)， 依次完成选中态更新、二级栏目重绘和文章刷新；“全部”与具体子栏目行为一致。
• 使用 JDK 8 执行资源处理、Debug 构建和单元测试，结果为 BUILD SUCCESSFUL in 21s（108 个任务：23 个执行、85 个复用）。

文章卡片等高修正

• 真机截图中部分文章摘要换成两行，导致同一行左右卡片高度不一致。
• 根因是文章标题和摘要均允许最多显示两行，而图片区域、边距和底部内边距本身固定。
• article_title 和 article_summary 现均固定为一行并保留 ellipsize="end"，超出宽度的文字在尾部显示省略号。
• 图片高度、篇章标签、字体大小、接口内容、列表列数和卡片间距保持不变。
• 使用 JDK 8 执行资源处理、Debug 构建和单元测试，结果为 BUILD SUCCESSFUL in 33s（108 个任务：22 个执行、86 个复用）。