Esercizio - Aggiungere un'animazione di ricerca migliorata

  • 12 minuti

L'app Contoso Pets consente di trovare nuove case per animali domestici abbandonati. Parte della richiesta di miglioramento delle funzionalità di ricerca consiste nell'aggiornare la simulazione animata che indica lo stato di avanzamento della ricerca.

Specifiche dell'animazione di ricerca

In questo secondo esercizio di sfida è necessario aggiornare l'animazione di ricerca in modo da assomigliare alla rotazione e aggiungere un conto alla rovescia (2, 1, 0).

Modificare le icone di animazione "ricerca" correnti

  • Aggiornare l'animazione corrente "icone" string[] searchingIcons = {". ", ".. ", "..."};

  • Usare nuove icone che simulano la rotazione

  • Esaminare la gif animata che segue per un esempio

  • Puoi progettare l'animazione di ricerca per visualizzare il movimento di rotazione in modo diverso rispetto a quello visualizzato nell'immagine animata.

  • L'animazione di "ricerca..." deve essere continuamente sovrascritta dopo il completamento di ogni animazione, in modo che rimanga sulla stessa riga e non venga visualizzata dopo l'arresto dell'animazione.

    Screenshot animato di un esempio di un'applicazione che cerca descrizioni di cani con quattro termini forniti dall'utente.

Aggiungere un conto alla rovescia all'animazione "ricerca"

  • Esaminare l'immagine animata precedente: prendere nota del conto alla rovescia nell'output
    • "searching...retriever / 2"
    • Il numero precedente "2" viene visualizzato come "1" e infine come "0", contando il conto alla rovescia
  • Aggiornare il ciclo contenente l'animazione "ricerca" in modo che il ciclo possa visualizzare un conto alla rovescia

Commenti del codice

  • Commenti numerati nel codice di partenza offrono suggerimenti
  • I commenti sono in ordine sequenziale e solo i commenti che iniziano con #4 e #5 si applicano a questo esercizio della sfida

Come controllare il lavoro

Per verificare che il codice soddisfi i requisiti specificati, completare i passaggi dell'istruzione:

  1. Usare Visual Studio Code per compilare ed eseguire l'app.

    Annotazioni

    È possibile uscire dal test di verifica prima di aver completato tutti i passaggi di verifica se un risultato non soddisfa i requisiti delle specifiche. Per forzare l'uscita dal programma in esecuzione, premere CTRL+C nel pannello del terminale. Dopo essere usciti dall'app in esecuzione, completare le modifiche che si ritiene possano risolvere il problema a cui si sta lavorando, salvare gli aggiornamenti nel file Program.cs e quindi ricompilare ed eseguire il codice.

  2. Il prompt dei comandi del terminale deve essere visualizzato come punto di partenza per il programma

  3. Alla riga di comando, immettere 2 menu:

    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. Al prompt dei comandi immettere golden, big e premere INVIO per testare i messaggi di stato della ricerca con animazione e conto alla rovescia

  5. Verificare che il pannello della console si aggiorni con messaggi di stato temporanei di "ricerca" simili agli esempi di output del codice:

    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. Tutti i termini di ricerca inseriti dall'utente devono essere visualizzati con l'animazione di rotazione "searching" e il conto alla rovescia per ogni cane dove la riga "cerca il nostro cane..." nell'output sovrascrive la riga precedente per creare un'animazione

  7. Fare riferimento all'immagine animata precedente del programma in esecuzione per altri esempi dell'animazione di stato "ricerca" con conto alla rovescia

  8. Convalidare dopo l'arresto della ricerca, l'animazione "searching" e il conto alla rovescia non vengono più visualizzati

Annotazioni

Se il codice soddisfa i requisiti, è necessario poter completare ogni passaggio nell'ordine e visualizzare i risultati previsti in un singolo passaggio di test.

Congratulazioni se hai avuto successo in questa sfida di esercizio!