Aggiungi una schermata

Le schermate predefinite consentono ai creatori di creare facilmente app moderne e reattive semplicemente selezionando una schermata. Le schermate sono progettate pensando agli scenari e alle composizioni comuni delle app e presentano contenitori reattivi e controlli moderni.

Sono disponibili le nuove schermate seguenti:

• Schermata iniziale
• Intestazione e raccolta
• Richiesta di approvazione

Aggiungere una nuova schermata

Quando aggiungi una nuova schermata, puoi anche selezionare un layout dello schermo come schermata vuota o divisa che si adatta alle diverse dimensioni dello schermo.

1. Accedi a Power Apps.
2. Crea un'app canvas in formato tablet.
3. In Power Apps Studio, sulla barra dei comandi, seleziona Nuovo schermo e quindi seleziona uno schermo.
4. Quando hai finito, puoi visualizzare l'anteprima dell'app e vedere come l'app viene visualizzata su diversi dispositivi. Per altre informazioni, vedi Visualizzare l'anteprima di un'app.

Quando l'opzione Ridimensiona e adatta è disattivata, il layout dello schermo dell'app si adatta alle dimensioni dello schermo del dispositivo su cui viene eseguita.

Schermata iniziale

La Schermata iniziale è ideale per la schermata iniziale di un'app. Contiene singoli riquadri che puoi personalizzare con un'immagine, un titolo e un testo descrittivo. Il numero di riquadri sullo schermo può essere facilmente modificato aggiungendo o rimuovendo i riquadri all'interno del contenitore del corpo. Ogni riquadro può essere utilizzato per indirizzare gli utenti verso altre parti dell'app.

La Schermata iniziale contiene i seguenti controlli:

• Contenitore di intestazione
  • Intestazione
• Contenitore del corpo
  • Contenitore
    • Contenitore immagine
      • Immagine (classico)
    • Contenitore del titolo
      • Pulsante elemento funzione
      • Testo

Aggiungi e personalizza la Schermata iniziale

1. In Power Apps Studio, seleziona Aggiungi schermata > Schermata iniziale.
2. Per modificare l'immagine, seleziona l'immagine e quindi Modifica.
3. Seleziona il controllo del pulsante Elemento funzione e aggiungi il tuo testo.
4. Seleziona Breve descrizione o messaggio coinvolgente e modifica il testo della descrizione.
5. Per aggiungere più riquadri, nella visualizzazione ad albero copia e incolla un elemento Contenitore.
6. Per rimuovere un riquadro, nella visualizzazione ad albero fai clic con il pulsante destro del mouse su un Contenitore e seleziona Elimina.

Schermata Intestazione e raccolta

Utilizza la schermata Intestazione e Raccolta per mostrare un'ampia gamma di informazioni su prodotti o servizi, come un catalogo prodotti. Quando colleghi un controllo raccolta a un'origine dati, viene generato automaticamente un catalogo con poca personalizzazione richiesta.

Il controllo della galleria nella schermata Intestazione e raccolta è un controllo classico. Tuttavia, quando il controllo della raccolta moderna viene rilasciato, la schermata Intestazione e raccolta utilizza il controllo della raccolta moderna. Per ulteriori informazioni, consulta Panoramica dei controlli e dei temi moderni nelle app canvas.

La schermata Intestazione e raccolta contiene i seguenti controlli:

• Contenitore di intestazione
  • Intestazione
• Contenitore principale
  • Galleria (classica)
    • Contenitore immagine
      • Immagine (classico)
  • Contenitore del titolo
    • Testo del titolo
    • Testo descrizione
  • Contenitore Pulsante
    • Pulsante

Aggiungi e personalizza la schermata Intestazione e raccolta

1. In Power Apps Studio, seleziona Aggiungi schermata > Intestazione e raccolta.

2. Nella visualizzazione ad albero, seleziona Galleria e collegala a un'origine dati Dataverse.

3. Seleziona controlli specifici all'interno della galleria come l'immagine, il testo del titolo e la descrizione del testo.

   Nella proprietà Image, utilizza la sintassi ThisItem per impostare l'immagine desiderata. Applica lo stesso metodo al testo del titolo e alla descrizione del testo.

Schermata richiesta di approvazione

La schermata Richiesta di approvazione comprende un'intestazione, un modulo con un pulsante di invio e una galleria con fasi predefinite. La schermata Richiesta di approvazione è utile negli scenari in cui le azioni vengono attivate dall'invio di moduli, come l'invio di una richiesta di approvazione o la visualizzazione di un processo di flusso di lavoro per un'azienda.

La schermata Richiesta di approvazione contiene i seguenti controlli:

• Contenitore di intestazione
  • Intestazione
• Contenitore principale
  • Contenitore modulo
    • Testo titolo modulo
    • Modulo di approvazione
    • Pulsante Invia
  • Contenitore intestazione laterale
    • Testo
    • Galleria (classica)

Aggiungi e personalizza la schermata Richiesta di approvazione

1. In Power Apps Studio, seleziona Aggiungi schermata > Richiesta di approvazione.

2. Nella visualizzazione ad albero, seleziona Modulo di approvazione e collegala a un'origine dati Dataverse.

3. Per visualizzare i dettagli delle fasi di approvazione, nella visualizzazione ad albero, seleziona ReviewersGallery e nel riquadro delle proprietà seleziona Avanzate scheda e vai ad Articoli.

   Fanno parte della fase di approvazione i seguenti dettagli:

   • Nome: nome della fase o del responsabile delle approvazioni.

   • Titolo: sottotitolo della fase o del responsabile delle approvazioni.

   • Stato: stato fase

   • Corrente: indica se questa è la fase corrente della richiesta di approvazione.

     Puoi anche aggiungere un flusso di lavoro di approvazione di Power Automate nel pulsante per inviare una notifica al responsabile dell'approvazione. Per ulteriori informazioni, vedi Creare e testare un flusso di lavoro di approvazione con Power Automate.

Riordinare le schermate

Quando hai più di uno schermo, puoi riordinarle.

Nel riquadro a sinistra, passa il mouse sopra una schermata che desideri spostare verso l'alto o verso il basso, seleziona il pulsante con i puntini di sospensione, quindi seleziona Sposta su o Sposta giù.

Aggiungere l'esplorazione

Quando crei un'app canvas con più schermate, puoi aggiungere la navigazione in modo che gli utenti possano spostarsi tra le schermate.

1. Con la schermata selezionata, seleziona Inserisci e nella casella di ricerca digita Freccia avanti quindi selezionala.

2. (facoltativo) Sposta la freccia in modo che venga visualizzata nell'angolo in basso a destra della schermata.

3. Con la freccia selezionata, imposta la proprietà OnSelect sulla funzione Naviga.

   

   Quando un utente seleziona la freccia, viene applicata la dissolvenza in entrata alla schermata Destinazione.

4. Nella schermata Destinazione aggiungi un'icona freccia indietro e impostane la proprietà OnSelect su questa formula:

   Navigate(Target, ScreenTransition.Fade)

   Nota

   Nella formula sopra in Destinazione inserisci il nome della schermata verso la quale stai navigando.

Altre informazioni

Informazioni di riferimento sul controllo dello schermo