Esercizio - Misurare in Realtà mista e filtrare in Power Apps

  • 10 minuti

In questa unità si useranno alcuni dei componenti funzionali chiave di Power Apps. Ciò include la Misura nelle modalità Realtà mista e Filtro. Gli utenti possono misurare la distanza, l'area e il volume nel mondo reale con Misura del componente Realtà mista di Power Apps.

Filtro spaziale con Misura in Realtà mista

La funzionalità Misura in Realtà mista viene usata per filtrare in modo spaziale i prodotti che possono essere facilmente inseriti nel mondo reale in base alle misurazioni ricevute tramite la sessione di misurazione. Alcune formule di base vengono usate per eseguire l'applicazione del filtro.

  1. Andare alla home page. Nella scheda Inserisci espandere l'elenco a discesa Realtà mista e selezionare Misura in Realtà mista.

    Screenshot dell'aggiunta di una misura in realtà mista

  2. Posizionare il pulsante Misura in Realtà mista , come illustrato nella figura e configurare le proprietà seguenti:

    • Testo: filtra per dimensioni
    • Unità di misura: centimetri
    • Tipo di misura: formato libero

    Screenshot della configurazione delle proprietà di Misura in realtà mista.

  3. Nella home page aggiungere una raccolta selezionando Raccolta>Verticale. Modificare il nome della Raccolta in Measure_gallery.

    Screenshot dell'aggiunta di una raccolta.

  4. Posizionare la Raccolta verticale sotto il pulsante Filtra per dimensioni. Configurare la proprietà Layout selezionando Titolo, sottotitolo e corpo.

    Screenshot della configurazione del layout

  5. Configurare la proprietà Elementi di Measure_gallery aggiungendo la riga seguente:

    MeasureInMR1.Measurements

    Screenshot dell'origine dati della raccolta.

  6. Rimuovere il separatore e freccia avanti. Posizionare il titolo, il sottotitolo e il corpo equidistanti tra loro, come illustrato nell'immagine.

    Screenshot del posizionamento equidistante.

  7. Configurare la proprietà Testo di queste tre etichette come indicato qui:

    • Titolo:

      "Unit: "&ThisItem.Unit

      Screenshot del testo del titolo

    • Sottotitolo:

      "Area: "&ThisItem.Area&"cm²"

      Screenshot del testo del sottotitolo.

    • Corpo:

      "Height: "&ThisItem.Height&"cm"

      Screenshot del corpo del testo.

  8. Aggiungiamo un'icona Ricarica per consentire agli utenti di ripetere le misurazioni se non sono soddisfatti. Nella scheda Inserisci espandere l'elenco a discesa Icone e selezionare l'icona Ricarica.

    Screenshot dell'aggiunta dell'icona Ricarica.

  9. Posizionare l'icona come illustrato nell'immagine e configurare la proprietà OnSelect come indicato di seguito:

    UpdateContext({galleryvisible:false});

    Screenshot della configurazione di OnSelect per l'icona Ricarica.

    Suggerimento

    È possibile personalizzare il tipo di carattere, le dimensioni del carattere e lo stile del carattere per corrispondere alla progettazione dell'applicazione. Tuttavia, per un'esperienza utente migliore, mantenere un carattere coerente in tutta l'applicazione.

  10. Dopo aver configurato completamente il componente Misura in Realtà mista, andare al Filtro spaziale. In questo caso, i prodotti vengono filtrati in modo spaziale in base ai valori Larghezza, Profondità e Altezza ricevuti nella sessione Misura in Realtà mista.

    Andare alla pagina Prodotti, quindi configurare la proprietà Items di Gallery_products come indicato di seguito:

    If(
ID = 1 And Measure_gallery.Selected.Height = 0,
(Filter('Easy Sales',(ProductCategory = "Sofa") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth)))),
ID = 1 And Measure_gallery.Selected.Height > 0,
(Filter('Easy Sales',(ProductCategory = "Sofa") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth And Height <= Measure_gallery.Selected.Height) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth And Height <= Measure_gallery.Selected.Height)))),
ID = 1,
Filter('Easy Sales',ProductCategory = "Sofa"), 

ID = 2,
Filter('Easy Sales',ProductCategory = "Chair"), 
ID = 2 And Measure_gallery.Selected.Height = 0,
(Filter('Easy Sales',(ProductCategory = "Chair") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth)))),
ID = 2 And Measure_gallery.Selected.Height > 0,
(Filter('Easy Sales',(ProductCategory = "Chair") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth And Height <= Measure_gallery.Selected.Height) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth And Height <= Measure_gallery.Selected.Height)))),

ID = 3,
Filter('Easy Sales',ProductCategory = "Table"),
ID = 3 And Measure_gallery.Selected.Height = 0,
(Filter('Easy Sales',(ProductCategory = "Table") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth)))),
ID = 3 And Measure_gallery.Selected.Height > 0,
(Filter('Easy Sales',(ProductCategory = "Table") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth And Height <= Measure_gallery.Selected.Height) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth And Height <= Measure_gallery.Selected.Height))))
)

    Screenshot della configurazione di articoli in Sofas.

    Importante

    Specificare nomi appropriati per l'elenco SharePoint e Raccolta per evitare di avere errori in futuro. Mantenere i nomi dei componenti nelle formule per evitare confusione.

    Nota

    Il filtro spaziale non è incluso per la pagina Tappeti perché viene aggiunta un'altra funzionalità specifica per il prodotto. L'area misurata nella sessione Misura in Realtà mista verrà usata per stimare il prezzo del tappeto selezionato.

    Suggerimento

    Salvare l'applicazione spesso selezionando la scheda File nella parte superiore e selezionando l'opzione Salva. Se richiesto, selezionare l'opzione Cloud, quindi Salva.

Calcolare il prezzo in base all'area

  1. Andare alla pagina Carpet_details, quindi aggiungere un'etichetta e rinominarla Area_carpets.

    Screenshot dell'aggiunta dell'etichetta dell'area

  2. Aggiungere un'altra etichetta vuota accanto all'etichetta Area_carpets e quindi configurare la proprietà Testo dell'etichetta vuota come indicato di seguito per visualizzare l'area calcolata:

    Measure_gallery.Selected.Area&"cm²"

    Screenshot del calcolo dell'area.

  3. Configurare l'etichetta accanto all'etichetta Prezzo come indicato di seguito per visualizzare il prezzo calcolato:

    "$"&Measure_gallery.Selected.Area * content_carpets.'Price/cm2'

    Screenshot del calcolo del prezzo.

Dopo aver implementato i passaggi precedenti, l'applicazione filtra in modo spaziale i prodotti e calcola il prezzo accurato per i tappeti in base alle misurazioni reali.

Applicazione demo dopo l'implementazione della misura in realtà mista e filtro spaziale.