Esercizio - Creazione e regolazione dell'interfaccia utente per una nuova app canvas

  • 10 minuti

Si spera che l'utilizzo dell'app Macchine Contoso Coffee abbia consentito di fare un po' di pratica. In caso contrario, non c'è da preoccuparsi. In questo esercizio si creerà un'app per mettere alla prova tutte le nuove competenze apprese in questo modulo di apprendimento.

Andare alla home page di Power Apps e selezionare Crea, scegliere App vuota, quindi App canvas vuota e il fattore di forma Tablet, quindi seguire i passaggi indicati di seguito:

  1. Inserire un Rettangolo e ridimensionarlo in modo da coprire la parte superiore della schermata impostando Altezza su 80.

  2. Inserire un controllo Immagine e ridimensionarlo in modo che si adatti al rettangolo nella parte in alto a sinistra della schermata.

  3. Modificare la proprietà Image in:

    User().Image

  4. Inserire un controllo Etichetta di testo e posizionarlo a destra dell'immagine nell'intestazione.

  5. Modificare la proprietà Text in:

    "Welcome, " & User().FullName

  6. Ridimensionare Etichetta di testo in modo che il testo resti su una sola riga.

  7. Inserire un controllo Input di testo nell'app. Posizionarlo in un punto qualsiasi sotto il rettangolo di intestazione.

  8. Inserire un'icona Reimposta nell'app. Posizionarla a destra del controllo Input di testo.

  9. Modificare la proprietà OnSelect dell'icona Reimposta in:

    Reset(TextInput1)

    Nota

    La funzione Reset modifica l'input di testo in quello inserito come valore predefinito, in questo caso "Input di testo".

  10. Applicare un tema all'app selezionando App o Screen1 dal pannello Visualizzazione struttura ad albero, quindi selezionare un'opzione dal menu a discesa Tema nella barra dei comandi. L'app dovrebbe ora assomigliare a quella mostrata di seguito (è stato scelto un tema Blu scuro).

    Screenshot del tema dell'app.

  11. A questo punto avviare la modalità Anteprima dell'app. Digitare del testo nel controllo Input di testo, quindi selezionare l'icona Reimposta. Il testo dovrebbe restituire "Input di testo".

  12. Successivamente, provare a visualizzare l'app su un Samsung Galaxy Tab A7.

  13. Provare quindi a visualizzare l'app su un iPhone 14 e provare a cambiare l'orientamento.

Congratulazioni per le nuove competenze acquisite.