练习 - 添加改进的搜索动画

  • 12 分钟

Contoso 宠物应用有助于为废弃宠物寻找新家。 搜索功能改进请求的一部分是更新指示搜索进度的动画模拟。

搜索动画规范

在此第二个挑战练习中，需要更新搜索动画，使其类似于旋转并添加倒计时（2、1、0）。

更改当前的“搜索”动画图标

  • 更新当前动画“图标” string[] searchingIcons = {". ", ".. ", "..."};

  • 使用模拟旋转的新图标

  • 请查看下面的动画GIF示例

  • 可以将“正在搜索”动画设计为显示“旋转”，使其工作方式与动画图像中显示的不同

  • “正在搜索...”动画应在每个动画完成后继续被覆盖，以便保持在同一行，并且在动画停止后不显示。

    应用程序搜索狗描述的示例的动画屏幕截图，其中包含四个用户提交的术语。

向“搜索”动画添加倒计时

  • 查看上一个动画图像 - 记下输出中的倒计时
    • “searching...retriever / 2”
    • 前一个数字“2”显示为“1”，最后显示为“0”，正在倒计时。
  • 更新包含“搜索”动画的循环，以便循环可以显示倒计时

代码注释

  • 起始代码中的编号代码注释提供了一些建议
  • 批注是按顺序排列的，只有从#4和#5开始的批注适用于本次挑战练习。

如何检查工作

若要验证代码是否符合指定要求，请完成说明步骤：

  1. 使用 Visual Studio Code 生成和运行应用。

    注释

    如果您在未完成所有验证步骤前看到结果不满足规范要求，可以退出验证测试。 若要强制退出正在运行的程序，请在终端面板中按 Ctrl-C。 退出正在运行的应用后，完成你认为将解决你正在处理的问题的编辑，将更新保存到 Program.cs 文件，然后重新生成并运行代码。

  2. 终端命令提示符应显示为程序的起点

  3. 在命令提示符下，输入 2 菜单：

    Welcome to the Contoso PetFriends app. Your main menu options are:
 1. List all of our current pet information
 2. Display all dogs with a specified characteristic

Enter your selection number (or type Exit to exit the program)
2

Enter dog characteristics to search for separated by commas

  4. 在命令提示符下，输入 黄金，大 ，然后按 Enter 以测试具有动画和倒计时的搜索状态消息

  5. 验证控制台面板是否更新为与代码输出示例类似的临时“搜索”状态消息：

    Enter dog characteristics to search for separated by commas
golden, big

searching our dog Nickname: lola for big / 2

    searching our dog Nickname: lola for big -- 1

    searching our dog Nickname: lola for golden \ 1

    searching our dog Nickname: lola for golden * 0

  6. 所有用户输入的搜索词都应显示每只狗的“searching”旋转动画和倒计时，其中输出中的“正在搜索狗狗...”行会覆盖上一行以创建动画

  7. 有关带有倒计时的“搜索”状态动画的更多示例，请参阅正在运行的程序的上一个动画图像

  8. 在搜索停止后进行验证，此时“searching”动画和倒计时不再显示

注释

如果代码满足要求，则应能够按顺序完成每个步骤，并在单个测试通过中查看预期结果。

如果你成功参加本练习挑战，恭喜！