Egyéni tematika a LuckyTemplatesben

A mai bejegyzéshez gyorsan áttekintem azokat a testreszabásokat, amelyeket egy JSON-témafájl közvetlen szerkesztésével és alkalmazásával végezhet el. Ez valójában nem annak leírása, hogy mit lehet tenni magában a LuckyTemplates-en belül, hanem inkább egy példa arra, hogy mit lehet elérni a LuckyTemplates-en kívül, amikor egyéni témájú. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

Ez a témakör nem a LuckyTemplates jelentéseket készítő fogyasztóknak vagy az alkalmi LuckyTemplates fejlesztőknek szól, hanem azoknak, akik ismerik a JSON-kódok közvetlen szerkesztését és létrehozását.

Az egyéni tematika megvalósításához ismernie kell a JSON-fájlok szintaxisát és szerkezetét, valamint a fejlesztői környezet eszközeit. A Visual Studio kódot fogom használni a JSON-témafájlok fejlesztéséhez.

Vessünk egy pillantást a rendelkezésre álló testreszabásokra, amelyek már be vannak építve a LuckyTemplates asztali alkalmazásba. Először is szükségünk van egy vászonra a munkánk bemutatásához. A LuckyTemplates gyakorlati adatkészletet használtam, amely egy egyszerű értékesítési adatkészlet, ahol a látványelemek könnyen összeállíthatók. A bemutató PBIX-fájl egyetlen jelentésoldal, és az 1600 x 900-as egyéni méreteket használták, hogy egy kicsit több helyet biztosítsanak, mint a szabványos 1280 x 720-as jelentés.

Tartalomjegyzék

• Az alapértelmezett téma használata
• A JSON alapjainak gyors áttekintése az egyéni témákhoz
• Az egyéni témájú háttér megváltoztatása
• A cím szövegének hátterének megváltoztatása
• Árnyékok hozzáadása a látványokhoz
• Címszöveg hozzáadása
• Egyéb dolgok, amelyeket meg kell emlékezni az egyéni témaválasztásban
• Következtetés

Az alapértelmezett téma használata

Nézzük meg az alapértelmezett témánkat. Ha témákat keresünk, és az alapértelmezett témát alkalmazzuk…

… láthatjuk, hogy csak a szabványos kék, narancs és lila színeket használja.

És ha kiválasztom a Fehér szöveg sötét háttéren témát …

… ez az a téma, amit látni fogunk.

A JSON alapjainak gyors áttekintése az egyéni témákhoz

Ez határozottan nem egy átfogó áttekintés arról, hogyan lehet JSON-fájlt fejleszteni a LuckyTemplates számára, hanem néhány gyors megjegyzés a JSON-fájlokhoz.

A JSON a JavaScript Object Notation rövidítése ; ez egy átlátszó szöveges formátum az adatfájlokhoz, amelyek beágyazott objektumokból vagy kódblokkokból állnak. Mindegyiknek megvan a maga név-érték pár gyűjteménye.

A kettőspont a név-érték párok elválasztására szolgál. A merevítőket egy tárgy körülvéve használják. A listaelemek vesszővel vannak elválasztva, és a listák törölhetők. A lista lehet tömb is, amelyet ebben az esetben szögletes zárójelek vesznek körül.

A LuckyTemplates JSON-fájl általában három fő részből áll: név , színek és látványelemek . A név rész tulajdonképpen az egyetlen kötelező szakasz, és amint látja, ma itt kezdjük meg a vizsgálatot.

Alkalmazzuk ezt a témafájlt a témák böngészésével.

Az alapértelmezett témát választjuk. Látni fogja, hogy az alapértelmezett színeket használja.

Menjünk a kódblokk részhez, és másoljuk át az alternatív színkészletet.

Ezt beilleszthetjük a JSON-témafájlunkba úgy, hogy a névblokk után vesszőt adunk, majd beillesztjük a kódot.

Mentjük a JSON-témafájlt, visszatérünk a LuckyTemplateshez, és alkalmazzuk a scratch témát.

Most láthatjuk, hogy a színek megváltoztak.

A vizuális rész messze a legnagyobb, és itt végezzük a többi munkánkat. Könnyedén módosíthatja a szöveget, beleértve a betűtípust, a család méretét és a színt.

Menjünk át a jegyzettömbünkre, és másoljuk át a különböző méretűre beállított szövegosztályaink és betűtípusaink kódblokkját.

Ezután átmegyünk a Visual Studio Code-ra, hozzáadunk egy oszlopot a kódok elválasztásához, majd beillesztjük a kódot.

Még egyszer elmentjük a témafájlunkat. Ezután visszatérünk a LuckyTemplateshez, és alkalmazzuk a témafájlokat. Láthatjuk, hogy mostanra minden szöveg kékre vált.

Az egyik könnyen megtehető dolog a szöveg színének megváltoztatása. Térjünk vissza ismét a JSON-fájlhoz, válasszuk ki a kék színt, és cseréljük ki pirosra.

Mentsük el újra, térjünk vissza a LuckyTemplateshez, és importáljuk még egyszer a JSON-témafájlt. Most láthatjuk, hogy az összes szöveg pirosra változott.

Az egyéni témájú háttér megváltoztatása

Most nézzük meg az oldal hátterét, és állítsuk a palettánk második legsötétebb színére. Átmegyünk a Notepad++-ra, megragadjuk oldalunk háttérkódblokkját, és kimásoljuk.

Ezután átmegyünk a Visual Studio Code-ra, és oda illesszük be a kódot.

Ezután lépjen a LuckyTemplates oldalra, és ismét alkalmazza a karcolás témát az új háttér megtekintéséhez.

A cím szövegének hátterének megváltoztatása

Végezzük el a bemutatót úgy, hogy a cím szövegének hátterét a legsötétebb témaszínre, a szöveg színét pedig fehérre állítjuk. Amint látja, nem találtam ki a megfelelő szintaxist a táblázat és a mátrixstílus beállításához a JSON témafájlon keresztül. Ezért a felületet arra használtam, hogy mindkét vizualitás stílusát egyikre módosítsam .

Menjünk vissza a Notepad++-hoz, hogy másoljuk a JSON kódblokkot a cím hátteréhez.

Ezután átmegyünk a Visual Studio Code-ra, hogy oda illesszük be a kódot.

Ismét elmentjük a témánkat, visszatérünk a LuckyTemplateshez, és még egyszer alkalmazzuk a témát.

Árnyékok hozzáadása a látványokhoz

Van néhány kis önálló demóm is, amelyek néhány témalehetőséget mutatnak be. Állítsuk vissza a témánkat az alapértelmezett beállításra. Ha minden vizualitásunkhoz árnyékot szeretnénk adni, használhatjuk a visualStyles és a dropShadow szintaxist.

Ha átmegyünk a LuckyTemplates oldalra, és alkalmazzuk azt a témafájlt, látni fogja, hogy minden vizualitásunknak vannak árnyékai.

Címszöveg hozzáadása

Ha biztosítani akarjuk, hogy minden vizualizációnkban legyen címszöveg, hozzáadhatunk helyőrző címszöveget a Visual Studio Code VisualStyles, title, show és szöveg szintaxisának használatával.

Ha átmegyünk a LuckyTemplates oldalra, és alkalmazzuk azt a témafájlt, észrevesszük, hogy csak az egyik vizualitásunk változott, mert a többi már a címekkel együtt módosult.

Ha új oldalra lépünk, új táblázatot hozunk létre, és behozzuk a kívánt csatornákat és mértékeket, akkor az alapértelmezett címszövegünk lesz.

Egy másik dolog, amit tehetünk, az az, hogy befolyásoljuk az új képek méretezését a tárolójukhoz. Ha visszaállítjuk az alapértelmezett témát, és beszúrunk egy képet, látni fogjuk, hogy az megőrzi a képarányát.

Ha témafájlt szeretnénk használni a képméretezés beállításához, használhatjuk a visualStyles, image, imageScaling és image ScalingType szintaxist.

Ha átlapozunk a LuckyTemplates-re, és hozzáadjuk azt a témát, látni fogjuk, hogy a képarány mostantól módosítható a meglévő vizualizációhoz.

És ha új látványelemeket adunk hozzá, ismét láthatjuk, hogy a méretezés most már illeszkedik.

Egyéb dolgok, amelyeket meg kell emlékezni az egyéni témaválasztásban

Úgy tűnik, hogy a JSON-fájlban az oldalháttér átlátszósági beállításait nem veszik figyelembe, ezért a felület segítségével 0-ra állítottam az oldal hátterének átlátszósági szintjét a bemutató megkezdése előtt.

Úgy tűnik, hogy a táblázat és a mátrixstílus beállításait sem veszik figyelembe. Így az interfész segítségével beállítottam a tábla és a mátrix stílusát none-ra.

A sorrend fontosnak tűnik a JSON-témafájlokban, ezért ha úgy találja, hogy egy adott beállítást a rendszer nem vesz figyelembe, próbálja meg átrendezni az érdeklődési kört magasabbra vagy korábban a kódban.

Előfordulhat, hogy a meglévő látványelemek nem reagálnak teljes mértékben a témafájlokra, különösen akkor, ha már alkalmaztak formátumbeállításokat.

Következtetés

Ha Ön viszonylag újonc a JSON-kódolásban, különösen a LuckyTemplatesben, kérjük, vegye figyelembe az általam használt példákat. Arra számítok, hogy azok, akik tapasztaltabbak és jobban ismerik a LuckyTemplates JSON-témakódolást, sokkal jobb és olvashatóbb kódot fognak előállítani.

Végül csak néhány kezdeti tapasztalatomat szerettem volna megosztani, és bemutatni néhány olyan testreszabást, amelyet az egyéni témakörökben találtam. A LuckyTemplates JSON témájához számos beállítás áll rendelkezésre, és azok, akik hajlandóak időt és energiát fektetni a rendelkezésre álló online források kutatásába, ismétlődően hasznos témafájlokat fejleszthetnek.

Remek kiindulópont a PowerBI.tips speciális témagenerátorának Tulajdonságok lapja, ahol a felhasználói felület használatával JSON-témafájlokat generálhat az összes vagy bizonyos vizuális típusokhoz. Remélhetőleg egyéni JSON-témakódolást is hozzáadhat a LuckyTemplates eszköztárához, és ez segíthet a jelentések szabványosításában, és megtakaríthat némi munkát a jövőben.

Greg