Wykresy PowerApps, wykresy i obrazy dynamiczne

W tym samouczku przyjrzymy się, jak wykresy i obrazy usługi PowerApps mogą ulepszyć nasze aplikacje.

Obrazy i wizualizacje nie tylko wzbogacają ogólny wygląd aplikacji, nad którą pracujesz. Sprawiają też, że Twoja aplikacja wygląda bardziej profesjonalnie.

Wiele osób lepiej rozumie dane, gdy są prezentowane wizualnie. Oznacza to, że Twoja aplikacja jest również bardziej efektywna, gdy używane są wykresy, wykresy i inne formy wizualne.

Spis treści

• Używanie obrazów dynamicznych w PowerApps
• Korzystanie z wykresów i wykresów PowerApps
• Używanie zmiennych kolekcji na wykresach PowerApps
• Wniosek

Używanie obrazów dynamicznych w PowerApps

Zacznijmy od przyjrzenia się, jak możemy wykorzystać dynamiczne obrazy w PowerApps. Zastosujemy te obrazy do galerii.

W tym przykładzie użyjemy materiału referencyjnego o nazwie Flooring Estimates. Ta tabela, której użyjemy jako źródła danych, zawiera kolumny dla nazwy, kategorii, ceny i adresu URL obrazu.

Przejdźmy więc do zakładki źródła danych, kliknijmy w Łączniki i przejdźmy do OneDrive, ponieważ tam jest zapisywany plik.

Tutaj wybierzemy właściwy plik.

Następnie musimy upewnić się, że wprowadzamy odpowiednią tabelę. W tym przypadku mamy tylko jedną tabelę dołączoną do tego pliku Excel.

Ponieważ poprzednio dołączałem inne nazwy tabel jako Tabela1 z innych źródeł danych, zobaczysz, że ta, której właśnie użyliśmy, jest teraz wyświetlana jako Tabela1_2.

Teraz dodajmy galerię i wybierzmy szablon pionowy.

Gdy galeria pojawi się na ekranie, możemy ją przenieść w dowolne miejsce lub zmienić jej rozmiar według potrzeb.

Ponieważ do tej aplikacji dodaliśmy już tabelę Table1_2, teraz możemy ją zobaczyć jako opcję w obszarze Źródło danych.

Dane z tabeli pojawiają się teraz w naszej galerii.

Pamiętaj, że to normalne, że użytkownicy otwierają ten ekran i nie widzą żadnych danych w galerii. W takich przypadkach wystarczy odświeżyć źródło danych.

Aby odświeżyć źródło danych, będziemy potrzebować przycisku, który będzie korzystał z funkcji Odśwież. Jak widać, odnosi się to do tabeli 1_2.

Oznacza to po prostu, że funkcja Refresh zostanie zastosowana do tej konkretnej tabeli, do której się odwołujemy.

Jeśli spojrzymy na tę galerię, zobaczymy, że podtytuł pokazuje obecnie kolumnę ImageURL, podczas gdy tytuł pokazuje kolumnę Kategoria.

Zmieńmy podtytuł na Cena i tytuł na Nazwa.

Jeśli chodzi o obraz, zobaczysz, że nie ma opcji dynamicznego wybierania wybranego przez nas obrazu. Pierwsza opcja pozwala nam dodać plik graficzny, ale zrobienie tego osobno dla każdego elementu będzie czasochłonne.

Jeśli wybierzemy istniejący plik, taki jak to zdjęcie orła, wypełni on wszystkie miejsca na zdjęcia w całej galerii. Najwyraźniej nie chcemy, aby pojawił się tutaj ten sam obraz.

Chcemy, aby każdy element przedstawiał konkretny obraz, który reprezentują te adresy URL obrazów w naszym źródle danych.

Aby uczynić to dynamicznym, wybierzmy jeden element w galerii i wybierz obraz z naszej listy rozwijanej właściwości u góry. W tej chwili jest to odpowiednik „orła”, czyli pliku, który wybraliśmy wcześniej.

Zamiast tego użyjemy ThisItem.ImageURL.

Zasadniczo odwołuje się to do każdego konkretnego elementu w galerii i pobiera do niego dołączony adres URL obrazu.

Teraz galeria pokazuje różne obrazy pochodzące z adresów URL w naszym źródle danych.

Dodaje to tak wiele funkcji do każdej aplikacji, nad którą pracujemy. W tym przypadku widzimy listę produktów, na której klienci mogą zobaczyć, jak wygląda każdy element.

Ale jeśli pracujemy nad aplikacją, która ma na przykład listę klientów, możemy zastosować to samo podejście i wyświetlić zdjęcia każdej osoby w galerii, aby ułatwić ich rozpoznanie.

Korzystanie z wykresów i wykresów PowerApps

Tym razem spróbujmy dodać wykresy do naszej aplikacji. To kolejna wizualna reprezentacja danych, która może pomóc w uatrakcyjnieniu naszej aplikacji.

Bez wątpienia używanie kafelków LuckyTemplates to najlepszy sposób na dodawanie wykresów PowerApps do dowolnej aplikacji.

Każdy użytkownik usługi LuckyTemplates wie, że jedną z mocnych stron platformy jest łatwość tworzenia wizualizacji. Dlatego łatwiej jest utworzyć wykres w usłudze LuckyTemplates, a następnie użyć go jako kafelka w usłudze PowerApps. W ten sposób użytkownicy mogą wchodzić w interakcję z wykresem lub wykresem tak, jakby używali go w usłudze LuckyTemplates.

Oczywiście istnieją wbudowane wykresy PowerApps, z których również możemy korzystać. Wszystkie te wykresy są jednak statyczne, co może mieć wpływ na zaangażowanie i funkcjonalność.

Jednak te wbudowane wykresy mogą być nadal przydatne, jeśli Twoim jedynym celem jest wizualizacja małego zestawu danych lub jeśli nie chcesz używać bardziej dynamicznego wykresu.

Aby to zrobić, potrzebujemy źródła danych. W tym przykładzie użyjemy tych dwóch kolumn pokazujących lokalizację i przychód.

Aby użyć tego jako źródła danych, musimy przekonwertować go na tabelę.

Teraz, gdy mamy już tabelę do użycia, po prostu dołączamy plik do usługi PowerApps w taki sam sposób, jak robiliśmy to wcześniej. Oto plik o nazwie LocationRevenue.

Jeśli chodzi o nazwę tabeli, nazywa się ona również Table1.

Oznacza to, że gdy ją wybierzemy, pojawi się jako Tabela1_3.

Gdy spojrzymy na dane, z którymi pracujemy, zauważymy, że wykres kolumnowy byłby najlepszym formatem do użycia.

W tej chwili nadal pokazuje domyślne przykładowe dane.

Będzie potrzebować określonego źródła danych, które powinno pojawić się we właściwości Items.

Użyjmy tabeli Table1_3 dla tego wykresu.

Teraz pokazuje dane z tabeli, której użyliśmy jako źródła.

Jak każdy inny element PowerApps, możemy dostosować właściwości wykresu. Na przykład możemy nieco zwiększyć rozmiar czcionki, aby ułatwić użytkownikom przeglądanie danych.

Używanie zmiennych kolekcji na wykresach PowerApps

Innym sposobem wyświetlania danych na wykresach jest użycie zmiennych kolekcji . Jeśli spojrzymy na dokumentację Microsoft PowerApps, pokazuje ona przykładową formułę.

Zanim użyjemy tej formuły, najpierw dodajmy tutaj przycisk.

Pod właściwością OnSelect skopiujmy i wklejmy formułę z dokumentu MS. Jak widać, ta formuła wykorzystuje funkcję Collect i odwołuje się do zmiennej Revenue. Po tej zmiennej następuje lista elementów.

Zaznaczmy tym razem wykres, przejdźmy do właściwości Items i zrównajmy ją z Revenue.

Po wykonaniu tej czynności za każdym razem, gdy klikniemy przycisk, wyświetli się lista pozycji powiązanych ze zmienną Revenue.

Wprowadzenie do Power Apps: definicja, funkcje, funkcje i znaczenie
Środowiska Power Apps: prawidłowe konfigurowanie elementów aplikacji
Funkcje i formuły PowerApps | Wstęp

Wniosek

Wykresy i obrazy zdecydowanie zwiększają wartość każdej aplikacji, zwłaszcza gdy są dynamiczne. Mogą sprawić, że użytkownicy poczują się bardziej zaangażowani podczas korzystania z aplikacji.

Ale nawet jeśli zdecydujesz, że żaden z twoich wykresów lub obrazów nie będzie dynamiczny, pamiętaj, że dodają one taką samą wartość.

Sam fakt, że możesz dodać wizualną reprezentację danych, już poprawia każdą aplikację skokowo.

Wszystkiego najlepszego,

Henz