计算器看起来简单,但它的状态管理逻辑比 Todo 应用更精巧。这篇文章给你一套完整 Prompt 模板,复制改词就能做出一个功能完整的计算器。
计算器拆开看,就 5 个部分
计算器的 UI 很简单,但背后的状态管理才是重点。先看结构。

显示屏是输出区域,同时展示当前输入和上一步运算表达式。数字键盘是 0-9 加小数点,负责输入操作数。运算按键是加减乘除和等号,负责触发计算逻辑。功能按键包括清除(AC)、删除(DEL)和正负号切换。键盘支持让用户用物理键盘也能操作,这是加分项。
运算状态流转,一条线加一个判断
计算器的核心是状态机,搞清楚状态怎么跳转,Prompt 就知道怎么写。

等待输入 → 输入数字 → 点击运算符保存第一操作数 → 输入第二数字 → 点击等号 → 判断是否除以零 → 计算并显示结果。结果可以作为新的第一操作数,继续参与下一次运算,形成闭环。除以零是唯一需要特殊处理的错误分支。
最终效果长什么样
用下面的 Prompt 模板生成后,效果大概是这样的。

顶部显示屏分两行,上面小字显示运算表达式「12 + 8」,下面大字显示结果「20」。按键按颜色区分功能,数字键灰色边框无填充,运算符绿色边框浅绿填充,功能键橙色边框浅米填充,等号键黄色填充横跨整行。
完整 Prompt 模板
此内容受限
此部分内容暂不可见