Condividi tramite

Controllo Schermata in Power Apps

  • Articolo

Elemento dell'interfaccia utente che contiene uno o più controlli in un'app.

Descrizione

Nella maggior parte delle app sono presenti più controlli Schermata che a loro volta contengono controlli Etichetta, Pulsante e altri controlli che permettono di visualizzare i dati e supportano l'esplorazione. Per informazioni su come aggiungere una schermata, riordinare le schermate e configurare la navigazione, vedi Aggiungere una schermata.

Proprietà chiave

BackgroundImage: nome di un file immagine presente nello sfondo di una schermata.

Fill: colore dello sfondo di un controllo.

Proprietà aggiuntive

Height: l'altezza della schermata. Se l'app è reattiva (Ridimensiona e adatta è Off) e il dispositivo su cui è in esecuzione l'app è più piccolo di questa proprietà, lo schermo può scorrere verticalmente.

ImagePosition: posizione (Fill, Fit, Stretch, Tile o Center) di un'immagine in una schermata o in un controllo, se quest'ultimo non ha la stessa dimensione dell'immagine.

LoadingSpinner (None, Controls o Data) - Se None, la casella di selezione non viene visualizzata. Quando Controls | Data, la casella di selezione viene visualizzata finché non saranno visibili tutti i controlli figlio a livello di schermo. Nota. I controlli nidificati non vengono considerati.

LoadingSpinnerColor: il colore di riempimento del casella di selezione di caricamento.

Name: il nome dello schermo.

OnHidden: il comportamento dell'app quando l'utente esce da una schermata. Se la regola Disabilita la regola App.OnStart non bloccante è abilitata nelle impostazioni dell'app, questa proprietà potrebbe dover attendere fino al completamento dell'esecuzione di App.OnStart. Per impostazione predefinita, questa impostazione è attivata.

OnVisible: il comportamento dell'app quando l'utente entra in una schermata. Utilizza questa proprietà per impostare le variabili e precaricare i dati utilizzati dalla schermata. Usa la proprietà App.OnStart per la configurazione una volta all'avvio dell'app. Se l'evento non bloccante App.OnStart è abilitato, l'evento Screen.OnVisible può essere eseguito parallelamente. Di conseguenza, si consiglia di evitare di fare affidamento su variabili o raccolte inizializzate da App.OnStart, poiché potrebbero non essere completamente inizializzate.

Orientation: l'orientamento della schermata. Se Width è maggiore di Height, l'orientamento sarà Layout.Horizontal; altrimenti sarà Layout.Vertical.

Size: numero intero positivo che classifica le dimensioni dello schermo. La classificazione viene determinata confrontando la proprietà Width della schermata con i valori nella proprietà App.SizeBreakpoints. Il tipo ScreenSize è costituito da quattro valori (Small, Medium, Large ed ExtraLarge) che corrispondono ai numeri interi da 1 a 4.

Width: la larghezza della schermata. Se l'app è reattiva (Ridimensiona e adatta è Off) e il dispositivo su cui è in esecuzione l'app è più piccolo di questa proprietà, lo schermo può scorrere orizzontalmente.

Distinct( DataSource, ColumnName )

Esempio

  1. Aggiungi un controllo Pulsante di opzione, denominalo ScreenFills e impostane la proprietà Items sul valore seguente:

    ["Red", "Green"]

    Non sai come aggiungere un controllo, assegnargli un nome e configurarlo?

  2. Denomina il controllo Schermata predefinito Source, quindi aggiungi un altro controllo Schermata e denominalo Target.

  3. In Source aggiungi un controllo Forma, ad esempio una freccia, e impostane la proprietà OnSelect sulla formula seguente:

    Navigate(Target, ScreenTransition.Fade)

    Sono necessarie altre informazioni sulla funzione Navigate o su altre funzioni?

  4. In Target aggiungi un controllo Forma, ad esempio una freccia, e impostane la proprietà OnSelect sulla formula seguente:

    Navigate(Source, ScreenTransition.Fade)

  5. Imposta la proprietà Fill di Target sulla formula seguente:

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. Seleziona la schermata Source e quindi, tenendo premuto il tasto ALT, seleziona una delle opzioni nel controllo Pulsante di opzione, quindi seleziona il controllo Forma.

    Target verrà visualizzato nel colore selezionato.

  7. In Target seleziona il controllo Forma per tornare a Source.

  8. (Facoltativo) Seleziona l'altra opzione nel controllo Pulsante di opzione e quindi seleziona il controllo Forma per assicurarti che Target venga visualizzato nell'altro colore.

  9. (opzionale) Riordina le schermate passando il mouse sopra Target nella barra di spostamento a sinistra, selezionando i puntini di sospensione visualizzati, quindi selezionando Sposta su.

    Target appare per primo quando l'utente apre l'app.

Linee guida per l'accessibilità

Contrasto dei colori

Quando lo Screen è l'effettivo sfondo del testo, deve essere presente un contrasto dei colori adeguato tra:

Ad esempio, se una Schermata contiene un controllo Etichetta e l'etichetta ha un riempimento trasparente, la proprietà Fill della schermata diventa il colore di sfondo per l'etichetta.

Oltre al testo, è consigliabile verificare il contrasto dei colori con gli oggetti grafici essenziali, ad esempio le immagini di stelle in un controllo Valutazione.

Supporto lettore schermo

  • Deve essere presente un nome significativo per ogni Screen. Il nome dello schermo può essere visualizzato e modificato allo stesso modo degli altri controlli: nella visualizzazione ad albero del riquadro dei controlli o nell'intestazione del riquadro delle proprietà.

    Nota

    Quando viene caricato un nuovo Screen, le utilità per la lettura dello schermo ne annunceranno il nome.