Cvičení – měření v MR a filtrování v Power Apps

Dokončeno

V této lekci budete používat některé z klíčových funkčních komponent Power Apps. To zahrnuje míry ve způsobech mr a filtrování. Uživatelé můžou měřit vzdálenost, oblast a objem v reálném světě pomocí míry Power Apps v komponentě MR .

Prostorové filtrování pomocí míry v MR

Funkce Měření v MR se používá k prostorovém filtrování produktů, které lze snadno umístit do reálného světa podle měření přijatých prostřednictvím měřicí relace. K filtrování se používají některé základní vzorce.

  1. Přejděte na domovskou stránku. Na kartě Vložení rozbalte rozevírací seznam Hybridní realita a vyberte Míru v MR.

    Snímek obrazovky pro přidání míry v MR

  2. Umístěte míru do tlačítka MR, jak je znázorněno na obrázku, a nakonfigurujte následující vlastnosti:

    • Text: Filtrování podle dimenzí
    • Měrná jednotka: Centimetry
    • Typ měření: Volný tvar

    Snímek obrazovky pro konfiguraci vlastností míry v mr.

  3. Na domovské stránce přidejte galerii tak, že vyberete galerii>svisle. Změňte název galerie na Measure_gallery.

    Snímek obrazovky pro přidání galerie

  4. Umístěte svislou galerii těsně pod tlačítko Filtrovat podle dimenzí. Nakonfigurujte vlastnost Rozložení tak, že vyberete Název, Podnadpis a text.

    Snímek obrazovky pro konfiguraci rozložení

  5. Nakonfigurujte vlastnost Items Measure_gallery přidáním následujícího řádku:

    MeasureInMR1.Measurements
    

    Snímek obrazovky se zdrojem dat galerie

  6. Odeberte oddělovač a NextArrow. Umístěte název, podnadpis a tělo mezi sebou, jak je znázorněno na obrázku.

    Snímek obrazovky s umístěním ekvistencí

  7. Vlastnost Text tří popisků nakonfigurujte následujícím způsobem:

    • Název:

      "Unit: "&ThisItem.Unit
      

      Snímek obrazovky s textem nadpisu

    • Podnadpis:

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

      Snímek obrazovky s textem titulků

    • Text:

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

      Snímek obrazovky s základním textem

  8. Pojďme přidat ikonu Opětovné načtení , která uživatelům umožní znovu provést měření, pokud nejsou šťastní. Na kartě Vložení rozbalte rozevírací seznam Ikony a vyberte ikonu Znovu načíst.

    Snímek obrazovky s ikonou pro opětovné načtení

  9. Umístěte ikonu, jak je znázorněno na obrázku, a nakonfigurujte vlastnost OnSelect následujícím způsobem:

    UpdateContext({galleryvisible:false});
    

    Snímek obrazovky s konfigurací OnSelect pro ikonu opětovného načtení

    Tip

    Můžete přizpůsobit písmo, velikost písma a styl písma tak, aby odpovídaly návrhu aplikace. Pro lepší uživatelské prostředí ale udržujte konzistentní písmo v celé aplikaci.

  10. Jakmile je míra v komponentě MR plně nakonfigurovaná, přesuneme se do prostorového filtrování. Zde prostorově filtrujeme produkty na základě hodnot Šířka, Hloubka a Výška přijatých v relaci MÍRA V RELACI MR .

    Přejděte na stránku Produkty a potom nakonfigurujte vlastnost Items Gallery_products následujícím způsobem:

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

    Snímek obrazovky s konfigurací položek v pohovce

    Důležité

    Zadejte vhodné názvy pro sharepointový seznam a galerii, abyste se vyhnuli chybám v budoucnu. Udržujte názvy součástí ve vzorcích, abyste se vyhnuli nejasnostem.

    Poznámka:

    Prostorové filtrování není součástí stránky Koberce , protože je přidána další funkce specifická pro produkt. K odhadu ceny vybraného koberce se použije oblast měřená v rámci měření v relaci MR .

    Tip

    Aplikaci často uložte tak , že nahoře vyberete kartu Soubor a vyberete možnost Uložit . Pokud se zobrazí výzva, vyberte možnost Cloud a pak vyberte Uložit.

Výpočet ceny na základě oblasti

  1. Přejděte na Carpet_details stránku, přidejte popisek a přejmenujte ho Area_carpets.

    Snímek obrazovky s přidáním popisku oblasti

  2. Přidejte další prázdný popisek vedle popisku Area_carpets a potom nakonfigurujte vlastnost Text prázdného popisku následujícím způsobem, aby se zobrazila počítaná oblast:

    Measure_gallery.Selected.Area&"cm²"
    

    Snímek obrazovky s výpočtem oblasti

  3. Následujícím způsobem nakonfigurujte popisek vedle popisku Cena , aby se zobrazila vypočítaná cena:

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

    Snímek obrazovky s výpočtem ceny

Po implementaci výše uvedených kroků aplikace prostorově vyfiltruje produkty a vypočítá přesnou cenu koberců na základě měření reálného světa.

Animace ukázky aplikace po implementaci míry v mr a prostorovém filtrování