Grafy, grafy a dynamické obrázky PowerApps

V tomto tutoriálu se podíváme na to, jak mohou grafy a obrázky PowerApps vylepšit naše aplikace.

Obrázky a vizualizace nepřidávají pouze celkový vzhled aplikace, na které pracujete. Díky nim bude vaše aplikace vypadat profesionálněji.

Mnoho lidí také lépe rozumí datům, když jsou prezentovány vizuálně. To znamená, že vaše aplikace je také efektivnější, když používáte tabulky, grafy a další formy vizuálů.

Obsah

• Používání dynamických obrázků v PowerApps
• Používání tabulek a grafů PowerApps
• Použití proměnných kolekce v grafech PowerApps
• Závěr

Používání dynamických obrázků v PowerApps

Začněme tím, že se podíváme na to, jak můžeme používat dynamické obrázky v PowerApps. Tyto obrázky použijeme na galerii.

Pro tento příklad použijeme referenční materiál s názvem Odhady podlah. Tato tabulka, kterou budeme používat jako zdroj dat, má sloupce pro název, kategorii, cenu a adresu URL obrázku.

Pojďme tedy na kartu zdroje dat, klikněte na Konektory a přejděte na OneDrive, protože tam je soubor uložen.

Zde vybereme správný soubor.

Potom se musíme ujistit, že vkládáme správnou tabulku. V tomto případě máme k souboru Excel připojenou pouze jednu tabulku.

Protože jsem dříve připojil názvy ostatních tabulek jako Tabulka1 z jiných zdrojů dat, uvidíte, že ta, kterou jsme právě použili, se nyní zobrazuje jako Tabulka1_2.

Nyní přidáme galerii a vybereme vertikální šablonu.

Jakmile se galerie objeví na obrazovce, můžeme ji přesunout, kamkoli potřebujeme, nebo změnit její velikost podle potřeby.

Protože jsme k této aplikaci již připojili tabulku 1_2, nyní ji můžeme vidět jako možnost v části Zdroj dat.

Data z tabulky se nyní objevují uvnitř naší galerie.

Upozorňujeme, že je normální, že se uživatelé dostanou na tuto obrazovku a v galerii neuvidí žádná data. V případech, jako jsou tyto, vše, co musíme udělat, je obnovit zdroj dat.

Pro obnovení zdroje dat budeme potřebovat tlačítko, které bude používat funkci Refresh. Jak vidíte, toto odkazuje na tabulku 1_2.

To jednoduše znamená, že funkce Refresh bude aplikována na konkrétní tabulku, na kterou odkazujeme.

Pokud se podíváme na tuto galerii, vidíme, že podtitul aktuálně zobrazuje sloupec ImageURL, zatímco nadpis zobrazuje sloupec Kategorie.

Změňme titulek na Cena a Titulek na Název.

Pokud jde o obrázek, uvidíte, že neexistuje žádná možnost, aby byl námi vybraný obrázek dynamicky vybrán. První možnost nám umožňuje přidat soubor obrázku, ale dělat to samostatně pro každou položku bude časově náročné.

Pokud vybereme existující soubor, jako je tento obrázek orla, vyplní všechny sloty obrázků pro celou galerii. Evidentně nechceme, aby se zde objevil stejný obrázek.

Chceme, aby každá položka zobrazovala konkrétní obrázek, který tyto adresy URL obrázků v našem zdroji dat představují.

Aby to bylo dynamické, vyberte jednu položku v galerii a vyberte obrázek z naší nabídky vlastností nahoře. V tuto chvíli se rovná „orlu“, což je soubor, který jsme vybrali dříve.

Místo toho použijeme ThisItem.ImageURL.

V podstatě to odkazuje na každou konkrétní položku v galerii a je k ní připojena adresa URL obrázku.

Nyní galerie ukazuje různé obrázky pocházející z adres URL v našem zdroji dat.

To přidává tolik funkcí do jakékoli aplikace, na které pracujeme. V tomto případě vidíme seznam produktů, kde zákazníci mohou vidět, jak jednotlivé položky vypadají.

Pokud ale pracujeme na aplikaci, která má například seznam zákazníků, můžeme použít stejný přístup a mít v galerii obrázky každé osoby, která se zobrazuje, abychom je snáze poznali.

Používání tabulek a grafů PowerApps

Tentokrát se pokusíme přidat grafy do naší aplikace. Toto je další vizuální reprezentace dat, která může pomoci učinit naši aplikaci poutavější.

Bezpochyby je použití dlaždic LuckyTemplates nejlepším způsobem, jak přidat grafy PowerApps do jakékoli aplikace.

Každý uživatel LuckyTemplates ví, že jednou ze silných stránek platformy je snadnost, kterou lze vytvářet vizualizace. Je tedy snazší vytvořit graf v LuckyTemplates a poté jej použít jako dlaždici v PowerApps. Tímto způsobem mohou uživatelé pracovat s grafem nebo grafem, jako by je používali v LuckyTemplates.

Samozřejmostí jsou vestavěné grafy PowerApps, které můžeme použít také. Všechny tyto grafy jsou však statické, což by mohlo ovlivnit zapojení a funkčnost.

Tyto vestavěné grafy však mohou být stále užitečné, pokud je vaším jediným cílem vizualizace malé datové sady nebo pokud nemáte zájem o použití dynamičtějšího grafu.

K tomu potřebujeme zdroj dat. V tomto příkladu použijeme tyto dva sloupce zobrazující Umístění a Výnosy.

Abychom to mohli použít jako zdroj dat, musíme je převést na tabulku.

Nyní, když máme tabulku k použití, připojíme soubor k PowerApps stejným způsobem jako dříve. Zde je soubor s názvem LocationRevenue.

Pokud jde o název tabulky, nazývá se také Tabulka1.

To znamená, že jakmile jej vybereme, zobrazí se jako Tabulka1_3.

Když se podíváme na data, se kterými pracujeme, vidíme, že nejlepším formátem pro použití by byl sloupcový graf.

V tuto chvíli stále zobrazuje výchozí ukázková data.

Bude potřebovat konkrétní zdroj dat, který by se měl zobrazit ve vlastnosti Items.

Pro tento graf použijeme Tabulku1_3.

Nyní zobrazuje data z tabulky, kterou jsme použili jako zdroj.

Jako každý jiný prvek PowerApps můžeme přizpůsobit vlastnosti grafu. Můžeme například trochu zvětšit velikost písma, abychom uživatelům usnadnili zobrazení dat.

Použití proměnných kolekce v grafech PowerApps

Dalším způsobem zobrazení dat v grafech je použití proměnných kolekce . Pokud se podíváme na dokumentaci Microsoft PowerApps, ukazuje vzorový vzorec.

Než použijeme tento vzorec, nejprve sem přidáme tlačítko.

Pod vlastností OnSelect zkopírujeme a vložíme vzorec z dokumentu MS. Jak vidíte, tento vzorec používá funkci Collect a odkazuje na proměnnou Revenue. Za touto proměnnou pak následuje seznam položek.

Tentokrát zvýrazněme graf, přejděte do vlastnosti Položky a přirovnejme ji k tržbám.

Jakmile to uděláte, pokaždé, když klikneme na tlačítko, zobrazí se seznam položek spojených s proměnnou Revenue.

Závěr

Grafy a obrázky rozhodně přidávají větší hodnotu jakékoli aplikaci, zvláště když jsou dynamické. Mohou pomoci, aby se uživatelé při používání aplikace cítili více zapojeni.

Ale i když se rozhodnete, že žádný z vašich grafů nebo obrázků nebude dynamický, mějte na paměti, že přidávají stejnou hodnotu.

Pouhá skutečnost, že jste schopni přidat nějakou vizuální reprezentaci dat, již vylepšuje jakoukoli aplikaci mílovými kroky.

Vše nejlepší,

Jindřich