Ćwiczenie — mierzenie w MR i filtrowanie w usłudze Power Apps

Ukończone

W tej jednostce użyjesz niektórych kluczowych składników funkcjonalnych usługi Power Apps. Obejmuje to Miara w MR oraz metody filtrowania. Użytkownicy mogą mierzyć odległość, powierzchnię i objętość w świecie rzeczywistym za pomocą komponentu Measure in MR usługi Power Apps.

Filtrowanie przestrzenne przy użyciu pomiaru w narzędziu MR

Funkcja Miara w usłudze MR służy do filtrowania przestrzennego produktów, które można łatwo umieścić w świecie rzeczywistym zgodnie z pomiarami otrzymanymi podczas sesji pomiaru. Niektóre podstawowe formuły służą do filtrowania.

  1. Przejdź do strony głównej . Na karcie Wstaw rozwiń listę rozwijaną Rzeczywistość Mieszana i wybierz pozycję Pomiar w Rzeczywistości Mieszanej.

    zrzut ekranu, aby dodać Measure w MR

  2. Umieść przycisk Miara w narzędziu MR, jak pokazano na rysunku i skonfiguruj następujące właściwości:

    • tekst: filtruj według wymiarów
    • Jednostka miary: Centymetry
    • Typ miary: Dowolny kształt

    Zrzut ekranu przedstawiający konfigurowanie właściwości miary w narzędziu MR.

  3. Na stronie głównej , dodaj galerię , wybierając galerię >pionową. Zmień nazwę galerii na Measure_gallery.

    zrzut ekranu, aby dodać galerię.

  4. Umieść galerię pionową tuż poniżej przycisku Filtruj według wymiarów. Skonfiguruj właściwość układu, wybierając Tytuł, Podtytuł i treść.

    zrzut ekranu układu konfigurowania

  5. Skonfiguruj właściwość Items w Measure_gallery, dodając następujący wiersz:

    MeasureInMR1.Measurements
    

    Zrzut ekranu przedstawiający źródło danych galerii.

  6. Usuń separatora i NextArrow. Umieść Tytuł, Podtytułi Treść równomiernie odległe od siebie, jak pokazano na ilustracji.

    Zrzut ekranu przedstawiający równe odstępy.

  7. Skonfiguruj właściwość Text trzech etykiet w następujący sposób:

    • Tytuł:

      "Unit: "&ThisItem.Unit
      

      Zrzut ekranu przedstawiający tekst tytułu

    • Podtytuł:

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

      Zrzut ekranu przedstawiający tekst podtytułu.

    • Treść:

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

      Zrzut ekranu przedstawiający tekst treści.

  8. Dodajmy ikonę Załaduj ponownie, aby dać użytkownikom możliwość powtórzenia pomiarów, jeśli nie są zadowoleni. Na karcie Wstaw rozwiń listę rozwijaną Ikony i wybierz ikonę Załaduj ponownie.

    Zrzut ekranu przedstawiający dodawanie ikony ponownego ładowania.

  9. Umieść ikonę, jak pokazano na obrazie, i skonfiguruj właściwość OnSelect w następujący sposób:

    UpdateContext({galleryvisible:false});
    

    Zrzut ekranu przedstawiający konfigurowanie opcji OnSelect na potrzeby ponownego ładowania ikony.

    Napiwek

    Możesz dostosować czcionkę, rozmiar czcionki i styl czcionki, aby dopasować go do projektu aplikacji. Jednak w celu uzyskania lepszego środowiska użytkownika zachowaj spójną czcionkę w całej aplikacji.

  10. Gdy miara w składniku MR jest w pełni skonfigurowana, przechodzimy do filtrowania przestrzennego. Tutaj filtrujemy produkty przestrzennie na podstawie wartości szerokości , głębokości i wysokości odebranych w sesji pomiaru w MR .

    Przejdź do strony Products, a następnie skonfiguruj właściwość ItemsGallery_products w następujący sposób:

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

    Zrzut ekranu przedstawiający konfigurowanie elementów na kanapach.

    Ważny

    Podaj odpowiednie nazwy dla listy SharePoint i galerii , aby uniknąć błędów w przyszłości. Zachowaj nazwy składników w formułach, aby uniknąć nieporozumień.

    Notatka

    Filtrowanie przestrzenne nie jest uwzględniane na stronie Carpets, ponieważ dodano inną funkcję specyficzną dla tego produktu. Obszar zmierzony w ramach pomiaru w sesji MR zostanie użyty do oszacowania ceny wybranego dywanu.

    Napiwek

    Często zapisuj swoją aplikację, wybierając kartę Plik u góry, a następnie opcję Zapisz. Jeśli zostanie wyświetlony monit, wybierz opcję Chmura, a następnie wybierz opcję Zapisz.

Obliczanie ceny na podstawie obszaru

  1. Przejdź do strony Carpet_details, następnie dodaj etykietę, a potem zmień jej nazwę na Dywany_obszarowe.

    Zrzut ekranu przedstawiający dodawanie etykiety obszaru

  2. Dodaj kolejną pustą etykietę obok etykiety Area_carpets, a następnie skonfiguruj właściwość Text pustej etykiety w następujący sposób, aby wyświetlić obliczony obszar:

    Measure_gallery.Selected.Area&"cm²"
    

    zrzut ekranu przedstawiający obliczenie obszaru.

  3. Skonfiguruj etykietę obok etykiety Price w następujący sposób, aby wyświetlić obliczoną cenę:

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

    zrzut ekranu przedstawiający obliczenie ceny.

Po wdrożeniu powyższych kroków aplikacja będzie filtrować produkty przestrzennie i obliczać dokładną cenę dywanów na podstawie rzeczywistych pomiarów.

animacja prezentacji aplikacji po zaimplementowaniu miary w filtrowaniu MR i przestrzennym.