# ☕ 咖啡模拟器 — 鸿蒙ArkTS完整技术解析
·
应用定位:休闲生活模拟类小应用
技术栈:HarmonyOS NEXT + ArkTS + Stage模型
源码行数:140行
核心亮点:5种咖啡配方系统、精力补充机制、心情系统、原料管理系统、过量警告
一、引言
咖啡模拟器以"制作并享用咖啡"为核心,引入了配方系统和心情系统。
新概念包括:
- 5种咖啡配方:美式/拿铁/摩卡/冰咖啡/抹茶拿铁
- 配方详情描述:每种咖啡展示成分和风味
- 心情系统:喝咖啡提升心情值
- 原料管理:咖啡豆、糖、牛奶三种原料
- 过量警告:精力≥100时警告
二、需求分析
| 需求ID | 功能 | 描述 |
|---|---|---|
| F1 | 咖啡配方 | 5种不同咖啡配方 |
| F2 | 制作咖啡 | 消耗原料制作 |
| F3 | 喝咖啡 | 增加精力和心情 |
| F4 | 换配方 | 切换不同配方 |
| F5 | 原料管理 | 咖啡豆/糖/牛奶 |
| F6 | 补货 | 补充原料 |
| F7 | 心情系统 | 喝咖啡提升心情 |
| F8 | 过量警告 | 精力满时提醒 |
三、配方系统
private recipes: string[][] = [
['☕ 美式咖啡', '浓缩+水', '清爽提神'],
['🥛 拿铁', '浓缩+牛奶', '丝滑香浓'],
['🍫 摩卡', '浓缩+巧克力', '甜蜜享受'],
['🧊 冰咖啡', '浓缩+冰', '冰凉一夏'],
['🍵 抹茶拿铁', '抹茶+牛奶', '和风味道']
];
数据结构:[名称, 成分, 风味]。
配方切换
Button('🔄 换配方')
.onClick(() => {
this.recipeIndex = (this.recipeIndex + 1) % this.recipes.length;
this.message = '换成了' + this.recipes[this.recipeIndex][0];
})
四、制作与饮用
4.1 制作咖啡
makeCoffee() {
if (this.beans < 1) return;
this.beans--;
this.coffeeCount++;
this.message = '☕ ' + this.recipes[this.recipeIndex][0] + ' 做好了!';
}
消耗1豆,咖啡计数+1。
4.2 喝咖啡
Button('☕ 喝一口')
.onClick(() => {
if (this.coffeeCount === 0) {
this.message = '还没做咖啡呢!';
return;
}
this.energy = Math.min(100, this.energy + 10);
this.mood = Math.min(100, this.mood + 5);
this.message = '😌 喝了一口,精神多了!';
})
精力+10、心情+5。
五、过量警告
if (this.energy >= 100) {
Text('⚠️ 喝太多咖啡了,晚上会睡不着!😵')
.fontSize(13)
.fontColor('#F44336')
}
六、总结
咖啡模拟器展示了ArkTS在"制作模拟"场景的开发模式:
- 配方系统:二维数组管理配方信息
- 制作-饮用分离:两步交互流程
- 心情系统:饮用同时提升多重属性
- 警告机制:过量时的红色警报
更多推荐




所有评论(0)