Ejercicio: Adición de una animación de búsqueda mejorada

  • 12 minutos

La aplicación Contoso Pets ayuda a encontrar nuevos hogares para mascotas abandonadas. Parte de la solicitud de mejora de características de búsqueda es actualizar la simulación animada que indica el progreso de la búsqueda.

Especificación de animación de búsqueda

En este segundo ejercicio de desafío, debe actualizar la animación de búsqueda para que se parezca a girar y agregar una cuenta atrás (2, 1, 0).

Cambiar los iconos de animación de "búsqueda" actuales

  • Actualizar los iconos de la animación actual string[] searchingIcons = {". ", ".. ", "..."};

  • Usar nuevos iconos que simulan girar

  • Revise el gif animado siguiente para obtener un ejemplo

  • Puede diseñar la animación de "buscando" para mostrar un "giro" para que funcione de forma diferente a la que se muestra en la imagen animada

  • La animación "buscando...", debe continuar sobrescribiéndose, después de que cada animación termine para que permanezca en la misma línea, y para que no se muestre después de que la animación se detenga.

    Captura de pantalla animada de un ejemplo de descripciones de aplicaciones que buscan perros con cuatro términos enviados por el usuario.

Agregar una cuenta regresiva a la animación de búsqueda

  • Revisión de la imagen animada anterior: tenga en cuenta la cuenta atrás en la salida.
    • "searching...retriever / 2"
    • El número anterior "2" se muestra como "1" y, por último, como "0", contando hacia abajo
  • Actualice el bucle que contiene la animación de "búsqueda" para que el bucle pueda mostrar una cuenta atrás

Comentarios de código

  • Comentarios de código numerados en el código de inicio ofrecen sugerencias
  • Los comentarios están en un orden secuencial y solo se aplican los comentarios a partir de #4 y #5 a este ejercicio del desafío.

Cómo comprobar tu trabajo

Para validar que el código cumple los requisitos especificados, complete los pasos de instrucción:

  1. Use Visual Studio Code para compilar y ejecutar la aplicación.

    Nota:

    Puede salir de la prueba de comprobación antes de completar todos los pasos de comprobación si ve un resultado que no cumple con los requisitos de especificación. Para forzar una salida del programa en ejecución, en el panel Terminal, presione Ctrl-C. Después de salir de la aplicación en ejecución, complete las modificaciones que cree que abordarán el problema en el que está trabajando, guarde las actualizaciones en el archivo Program.cs y, luego, vuelva a compilar el código y ejecútelo.

  2. El símbolo del sistema del terminal debería aparecer como punto de partida del programa

  3. En el símbolo del sistema, escriba el menú 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. En el símbolo del sistema, escriba golden, big y presione Aceptar para probar los mensajes de estado de búsqueda con animación y cuenta atrás

  5. Compruebe que el panel de consola se actualiza con mensajes de estado de "búsqueda" temporales similares a los ejemplos de salida de código:

    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. Todos los términos de búsqueda que introduzca el usuario deben mostrarse con la animación de giro "searching" y la cuenta atrás para cada perro donde la línea "buscando nuestro perro..." en la salida sobrescribe la línea anterior para crear una animación

  7. Consulte la imagen animada anterior del programa en ejecución para obtener más ejemplos de la animación de estado de "búsqueda" con cuenta atrás

  8. Compruebe que una vez detenida la búsqueda, la animación "searching" y la cuenta atrás ya aparecen

Nota:

Si el código cumple los requisitos, debe poder completar cada paso en orden y ver los resultados esperados en una sola prueba superada.

¡Felicitaciones si ha tenido éxito en este desafío de ejercicio!