LuckyTemplates vlastní ikony | Vizualizační technika PBI

V dnešním tutoriálu budu diskutovat o jedné z mých oblíbených technik kolem vlastních ikon LuckyTemplates, která používá vlastní ikony dynamickým způsobem ve vizuálech LuckyTemplates. Tento tutoriál je inspirován záznamem na fóru LuckyTemplates, kde má jeden z našich členů potíže s přidáváním vlastních ikon do vizuálů svých karet. Ukážu vám, jak můžete tento problém efektivně vyřešit. Celé video tohoto tutoriálu si můžete prohlédnout ve spodní části tohoto blogu.

Toto je výsledek, který člen chtěl, což je jednoduchý vizuál karty s textem – šipka nahoru, pokud je hodnota míry kladná, a červená šipka dolů, pokud je hodnota záporná. Pokud klikneme sem do jiné části tickeru, uvidíte, že se dynamicky změní na zelenou šipku nahoru, když je kladná, a potom na červenou šipku dolů, když je záporná.

Obsah

• Dynamické LuckyTemplates vlastní ikony ve vašich zprávách
• Závěr

Dynamické LuckyTemplates vlastní ikony ve vašich zprávách

Jedním ze způsobů, jak to začlenit, je použití konverze Base64 . Base64 bere binární soubory a převádí je na text ASCII. Neexistuje žádný přímý způsob, jak začlenit soubory binárních obrázků do sestavy LuckyTemplates. Takže musíte projít toto kódování přes Base64, abyste to udělali.

Ukážu vám obecnou strukturu, kterou k tomu používám, což je jen základní postavit. V tomto případě je mírou, na kterou se díváme, tento průměr LNReturn (log normálních výnosů). Pokud je menší než nula, získá určitou hodnotu. Pokud je větší než nula, dostane jinou hodnotu. A pak jsem pro jednoduchost řekl, že pokud to není ani jedno z toho, (jako v tomto případě), pokud se to rovná nule, zůstane to prázdné.

A šance na toto zprůměrování přesně na nulu jsou velmi malé. Ale můžete sem vložit třetí hodnotu, což je možná jen vodorovná šipka, která neukazuje žádnou změnu, nebo můžete použít prázdné. Právě jsem to udělal, abych zjednodušil měření pro ilustrativní účely.

Nyní se podívejme nejprve na vlastní ikony. Vlastní ikony, které používám, jsou z webu s názvem Flaticon . Nemám žádný vztah k Flaticonu. Náhodou si myslím, že je to opravdu dobrý web. Umožňuje vám organizovat ikony opravdu pěkným způsobem. Umožňuje vám je také upravovat. Často je používám ve svých přehledech LuckyTemplates.

To, co jsem udělal, bylo, že jsem zde našel ikonu, o které jsem si myslel, že bude dobře fungovat s požadavkem člena. A pak jsem jen prošel editorem Flaticonu a vytvořil zelenou verzi pro nahoru a červenou verzi pro dolů.

A pak jsem si stáhl menší verzi červených a zelených šipek, což je 32px, protože 512px vygeneruje velmi velkou verzi Base64.

Dále je chceme převést na Base64. Existuje celá hromada konvertorů Base 64, ale jeden, který se mi opravdu líbí, je tento Base64 image.de . Má pěkné rozhraní drag and drop a má možnosti optimalizace obrazu. A pokud toto povolíte, zmenší se velikost výsledného souboru bez jakéhokoli znatelného dopadu na vzhled vizuálu. Pokud pracujeme se složitějšími obrázky, tato optimalizace skutečně pomůže snížit velikost.

Pak sem můžeme jednoduše přetáhnout soubory, které, jak vidíte, se převedou poměrně rychle.

Poté pouze zkopírujeme obrázek pro každý z nich a vložíme jej do míry uvnitř uvozovek. A můžete vidět, že i pro tu malou 32pixelovou ikonu je to docela velké množství textu.

Dále vytvoříme nový takt, do kterého to můžeme zkopírovat. Nazvu toto opatření Icon2 Base64 . Poté musíme změnit kategorii dat na URL obrázku . Nyní jsme v dobré kondici pro vytvoření vizuálu, který chceme

Vizuály karet nezpracovávají obrázky bez použití vlastních vizuálů pro čtení těchto obrázků, ale tabulky zvládají obrázky docela dobře. A tak nejprve vytvoříme vizuál tabulky a můžeme jej naformátovat tak, aby vypadal jako vizuál karty.

Vezmeme naši ikonu dva soubory Base64 a pak naši míru, průměr LNR. Dále je můžeme odpovídajícím způsobem naformátovat pomocí nového podokna formátování.

A tak to uděláte s Base64. Další možností je použití webových obrázků . Možná to budete chtít udělat, pokud používáte složitější obrázky. Existuje několik věcí, které můžete udělat, pokud jde o rozdělení obrázku na části a následné připodobnění v jazyce DAX. Ale jednodušší způsob, jak to udělat, je prostřednictvím webových obrázků.

Jakmile stáhnete soubory (zelená šipka nahoru a červená šipka dolů), můžete přejít na web pro hostování obrázků. Ten, který používám, se nazývá IMGBB . Opět nejsem s touto stránkou nijak spřízněn; je to jen jeden, který se mi líbí, který mi funguje dobře.

Stačí nahrát své obrázky na tento web, přejít na vložení kódů a ujistit se, že se díváte na přímé odkazy.

Ty pak můžete zkopírovat. Poté pomocí stejné základní struktury, jakou jsme udělali vprohlášení, můžete je vložit do této základní struktury. A to by nám mělo dát přesně to, co z hlediska image potřebujeme.

Závěr

Tak to je technika, kterou jsem vám dnes chtěl ukázat. Můžete to použít k vytvoření dynamických vlastních ikon LuckyTemplates mnoha různými způsoby. Tabulky to zvládají dobře. Můžete to udělat také prostřednictvím matic, a pak existují některé vlastní vizuální nástroje, které je zobrazí pouze izolovaně v rámci.

V této technice je velká flexibilita a doufám, že vám to pomohlo. Pro více podrobností se můžete podívat na kompletní video tutoriál níže.

Na zdraví!