便当美学顾问——鸿蒙 + AI 让每一餐都赏心悦目

基于 HarmonyOS + ArkTS 打造的 AI 便当搭配助手，营养分析与视觉美学双管齐下。

一、应用简介

"便当美学顾问"是一款运行在鸿蒙设备上的 AI 饮食搭配应用。用户选择蛋白质（鸡胸肉、三文鱼、牛肉等）、碳水（米饭、红薯、意面等）和蔬菜（西兰花、胡萝卜、番茄等），应用即可生成一份包含视觉评分、美食评价、营养分析、摆盘建议的完整便当方案。

二、鸿蒙技术亮点

1. 暖色系主题 —— 食欲感配色

应用采用暖黄色系配色（#FFFBEB 背景 + #F59E0B 主色），通过 ArkTS 灵活的属性链式调用，轻松打造激发食欲的视觉风格：

const COLOR_BG = '#FFFBEB'
const COLOR_PRIMARY = '#F59E0B'
const COLOR_BORDER = '#FCD34D'

2. 多组件卡片式布局 —— 信息层次分明

结果展示区域使用 4 个独立卡片（视觉评分、评价、营养分析、摆盘建议），每个卡片通过统一的 borderRadius 和 padding 样式保持视觉一致性，信息层次清晰，用户可以快速获取关键信息。

3. @State 多状态联动 —— 三选一触发逻辑

三个食材选择互相关联，只有当蛋白质、碳水、蔬菜全部选择后才显示"开始搭配"按钮，避免不完整输入：

if (this.selectedProtein !== '' && this.selectedCarbs !== '' && this.selectedVeggie !== '') {
  Text('开始搭配')
    .onClick(() => { this.onGenerate() })
}

4. 类型安全的 Model 层 —— 防错设计

所有数据通过 BentoData 类定义，visual_score、comment、nutrition、plating 四个字段类型明确，编译期即可发现类型错误，避免运行时崩溃。

三、AI 应用亮点

1. 视觉评分系统

AI 对食材的颜色搭配进行美学评分（0-100 分），例如"鸡胸肉 + 米饭 + 西兰花"获得 92 分，因为白绿搭配清新自然。评分以醒目的金色大字展示，直观明了。

2. 智能营养分析

根据食材组合，AI 自动生成营养分析，例如"蛋白质充足，碳水适中，维生素 A 丰富"，帮助用户了解便当的营养结构。

3. 专业摆盘建议

AI 提供具体的摆盘指导，如"鸡胸肉切片铺底，西兰花点缀在右侧"，让用户不仅吃得健康，还能摆出高颜值便当。

4. 丰富组合覆盖

支持 6 种蛋白质 × 6 种碳水 × 6 种蔬菜 = 216 种组合，每种组合都有独立的评分和建议，覆盖面极广。

四、总结

“便当美学顾问"是鸿蒙 + AI 在生活美学领域的典型应用：暖色 UI 激发食欲，卡片式布局层次分明，@State 多状态联动保证交互完整。AI 驱动的视觉评分和营养分析让便当搭配从"随便凑合"升级为"科学搭配 + 美学摆盘”，体现了鸿蒙应用在日常生活场景中的实用价值。