Øvelse – Mål i MR og filtrer i Power Apps

  • 10 minutter

I denne enheten skal du bruke noen av de viktigste funksjonelle komponentene i Power Apps. Dette inkluderer mål på MR- og filtreringsmåter. Brukere kan måle avstand, område og volum i den virkelige verden med Power Apps Mål i MR-komponenten.

Spatial filtrering ved hjelp av Mål i MR

Funksjonen mål i MR brukes til romlig filtrering av produktene som enkelt kan plasseres i den virkelige verden i henhold til målene som mottas gjennom måleøkten. Noen grunnleggende formler brukes til å utføre filtreringen.

  1. Gå til hjemmesiden . Utvid rullegardinlisten Blandet virkelighet på fanen Sett inn, og velg Mål i MR.

    Skjermbilde for å legge til Mål i MR

  2. Plasser mål i MR-knappen som vist i figuren, og konfigurer følgende egenskaper:

    • tekst: Filtrer etter dimensjoner
    • målenhet: Centimeter
    • måltype: Frihåndsform

    Skjermbilde for å konfigurere egenskapene for Mål i MR.

  3. På hjemmesiden legger du til et galleri ved å velge galleri>loddrett. Endre navnet på galleri til Measure_gallery.

    Skjermbilde for å legge til galleri.

  4. Plasser loddrett galleri like under Filtrer etter dimensjoner-knappen. Konfigurer egenskapen Oppsett ved å velge tittel, undertittel og brødtekst.

    Skjermbilde for å konfigurere oppsett

  5. Konfigurer egenskapen Elementer for Measure_gallery ved å legge til følgende linje:

    MeasureInMR1.Measurements

    Skjermbilde av datakilden for galleriet.

  6. Fjern skilletegn og NextArrow-. Plasser tittel, undertittelog brødtekst like langt fra hverandre som vist på bildet.

    Skjermbilde av likeverdig plassering.

  7. Konfigurer egenskapen Text for de tre etikettene på følgende måte:

    • tittel:

      "Unit: "&ThisItem.Unit

      Skjermbilde av titteltekst

    • undertittel:

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

      Skjermbilde av undertitteltekst.

    • brødtekst:

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

      Skjermbilde av brødtekst.

  8. La oss legge til et Last inn-ikonet på nytt for å la brukerne gjøre om målene hvis de ikke er fornøyde. Utvid rullegardinlisten Ikoner på fanen Sett inn, og velg ikonet Last inn på nytt.

    Skjermbilde av å legge til ikonet for ny innlasting.

  9. Plasser ikonet som vist på bildet, og konfigurer OnSelect-egenskapen på følgende måte:

    UpdateContext({galleryvisible:false});

    Skjermbilde av konfigurering av OnSelect for å laste inn ikonet på nytt.

    Tips

    Du kan tilpasse skriften, skriftstørrelsen og skriftstilen slik at den samsvarer med utformingen av programmet. Hvis du vil ha en bedre brukeropplevelse, opprettholder du imidlertid en konsekvent skrift i hele programmet.

  10. Når mål i MR-komponenten er fullstendig konfigurert, flytter vi til Spatial filtrering. Her filtrerer vi produktene basert på verdiene bredde, dybdeog høyde mottatt i mål i MR-økten.

    Gå til siden Produkter, og konfigurer deretter egenskapen Elementer for Gallery_products på følgende måte:

    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))))
)

    Skjermbilde av konfigurering av elementer i Sofaer.

    Viktig

    Angi riktige navn for SharePoint-listen og galleri for å unngå feil i fremtiden. Vedlikehold navnene på komponentene i formlene for å unngå forvirring.

    Notat

    Romlig filtrering er ikke inkludert for tepper siden en annen funksjon som er spesifikk for produktet, legges til. Området målt i Mål i MR økt vil bli brukt til å estimere prisen på det valgte teppet.

    Tips

    Lagre programmet ofte ved å velge fanen Fil øverst og velge alternativet Lagre. Hvis du blir bedt om det, velger du alternativet skyen, og deretter velger du Lagre.

Beregn pris basert på areal

  1. Gå til Carpet_details-siden, legg deretter til en etikett, og gi den navnet Area_carpets.

    Skjermbilde av å legge til områdeetikett

  2. Legg til en annen tom etikett ved siden av Area_carpets-etiketten, og konfigurer deretter egenskapen Tekst for den tomme etiketten som følger for å vise området beregnet:

    Measure_gallery.Selected.Area&"cm²"

    Skjermbilde av områdeberegning.

  3. Konfigurer etiketten ved siden av Price-etiketten på følgende måte for å vise den beregnede prisen:

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

    Skjermbilde av prisberegning.

Når du har implementert trinnene ovenfor, filtrerer programmet ut produkter og beregner nøyaktig pris for teppene basert på dine virkelige målinger.

Animasjon av programdemo etter implementering av mål i mr og romlig filtrering.