练习:点击行为

1. 前言

在此在线课程中,您已经学习了如何向应用添加按钮,以及如何修改应用以响应按钮点击操作。现在,是时候通过构建应用来将所学知识应用于实践了。

您将制作一款名为 Lemonade 的应用。首先,请参阅 Lemonade 应用的相关要求,了解该应用应当具备的外观和行为。如果您想挑战自我,可以根据相关要求自行构建该应用。如果遇到问题,您可以参阅后续部分,以获取更多提示和指导,了解如何分解问题并逐步加以解决。

您可以按照自己的节奏来完成此实践项目。请尽力而为,争取将该应用功能的方方面面一一构建出来,不必在乎花费多少时间。Lemonade 应用的解决方案代码就在文末,但我们建议您先尝试自行构建该应用,然后再查看解决方案。请注意,提供的解决方案不是构建 Lemonade 应用的唯一方式,因此只要符合应用要求,您完全可以通过其他方式来构建该应用。

前提条件

  • 能够在 Compose 中使用 Text 和 Image 可组合函数制作简单的界面布局
  • 能够构建可响应按钮点击操作的交互式应用
  • 对组合和重组有基本的了解
  • 熟悉 Kotlin 编程语言的基础知识,包括函数、变量、条件和 lambda

所需条件

  • 一台可连接到互联网并安装了 Android Studio 的计算机。

2. 应用概览

您将协助我们将制作数字柠檬汁的愿景变为现实!我们的目标是构建一款简单的交互式应用,让您只要点击屏幕上的图片即可将柠檬榨成汁,直到您得到满满一杯柠檬汁。您可以将其视为现实场景的数字模拟,或是一种消遣时间的有趣方式!

dfcc3bc3eb43e4dd.png

该应用的运作方式如下:

  1. 用户首次启动应用时,会看到一棵柠檬树。此时会有一个标签提示用户点按柠檬树图片,以“select”(选择)树上的柠檬。
  2. 用户点按柠檬树后,会看到一颗柠檬。系统会提示用户点按柠檬,以将柠檬“榨”成柠檬汁。他们需要多次点按柠檬才能完成榨汁。榨柠檬汁所需的点按次数每次都不一样,并且是随机生成的介于 2 到 4(含 2 和 4)之间的数字。
  3. 在点按柠檬的次数达到要求后,用户会看到一杯清爽的柠檬汁!系统会提示用户点按杯子以“饮用”柠檬汁。
  4. 点按盛着柠檬汁的杯子后,用户会看到空杯子。系统会提示用户点按空杯子以重新开始。
  5. 点按空杯子后,用户会看到柠檬树,并可以重新开始制作流程。再来一杯柠檬汁!

以下是更大尺寸的屏幕截图,展示了这款应用的外观:

对于制作柠檬汁的每个步骤,屏幕中都会显示不同的图片和文本标签,应用也会通过不同的行为来响应点击。例如,当用户点按柠檬树时,应用会显示柠檬。

您的任务是构建应用的界面布局并实现相应逻辑,以便用户能够完成制作柠檬汁的所有步骤。