Forum

Forum

Loxone Ikony a symb...
 
Notifications
Clear all

Loxone Ikony a symboly

34 Posts
17 Users
4 Likes
7,204 Views
(@petrp)
Estimable Member
Joined: 5 years ago
Posts: 146
 

To je hezké. To se Ti dynamicky mění ikona podle hodnoty?


   
ReplyQuote
(@jdolezal)
Eminent Member
Joined: 7 years ago
Posts: 16
 

@petrp Ano mění se to dle aktuální spotřeby. % jsou dle průměru normy na domácnost a peníze dle zaplacených záloh.


   
ReplyQuote
MartinB
(@martinb)
Estimable Member
Joined: 7 years ago
Posts: 132
 
Posted by: @pavelcz

Díky za link. Myslel jsem spíš postup jak je nahrát a zprovoznit v loxone app. 

Zatim jsem je zkousel dat do adresare /web i do images.zip pres ftp .. podle ruznych postupu z webu ale nic mi nefunguje.

Diky

Pavel

hoj přišel jsi na to jak to tam dát ? pokud ano mohl by jsi sem dat nějaký stručný návod ?

 


   
ReplyQuote
(@koldavideo)
Member
Joined: 7 years ago
Posts: 1780
Topic starter  

Nahoře v menu vybrat "upravit kategorie" pak vybrat "symbol kategorie" a kliknout na plusko a pak si vybereš ikonu kterou chceš přidat.

ikony

   
ReplyQuote
MartinB
(@martinb)
Estimable Member
Joined: 7 years ago
Posts: 132
 

jj tomu rozumim ale chtel bych tam šoupnout nčjaké jiné nežýtam jsou uložený a malovat se mi je moc nechce 🙂


   
ReplyQuote
(@koldavideo)
Member
Joined: 7 years ago
Posts: 1780
Topic starter  

Nějak nechápu co je na tom nesrozumitelné. Prostě stiskneš ikonu přidat a nahraješ novou 🙂 Vždyť jsem to zvýraznil. 

Na tom linku co jsem dával před pár dny jsou ikony které stáhneš v rozlišení tuším 32x32 pixelů.


   
ReplyQuote
(@pavelcz)
Eminent Member
Joined: 5 years ago
Posts: 16
 

Ahoj

Dostat do loxone png ikony je jednoduché, ale aby to k něčemu vypadalo, hlavně na dlaždicích, tak tam potřebuješ dostat svg ikony jinak je to rozmazané. Png slouží jen k náhledu.

Po přidání png ikony Loxone config k ní přiřadí název. Najdeš ji když se připojíš přes ftp do miniserveru v adresáři web. Pak musíš dohrát přes ftp svg ikonu pod stejným názvem jako má png ikona. Pak přiřadíš ikonu tam kam chceš. Nedělej to dřív než dokončíš dohrání svg ikony.

Pavel


   
MartinB reacted
ReplyQuote
Jakub
(@jakub)
Reputable Member
Joined: 5 years ago
Posts: 249
 

@pavelcz Udelal jsem to tak. Pres Lox Config nahral ikonu 32x32, pak pres ftp nahral do adresare web svg, pro ktere jsem zkopiroval nazev, ktery loxone zvolilo pro .png (tedy soubory se lisily jen priponou), dal ulozit do miniserveru a az potom jsem zvolil prislusnou ikonku pro mistnost. Stejne se vzala ta 32x32, takze je to hnusne rozmazane, nechapu 🙁


   
ReplyQuote
(@pavelcz)
Eminent Member
Joined: 5 years ago
Posts: 16
 

@jakub Me to chodi. Jako test si zkus stahnout svg iconu z loxone a treba ji zmen barvu. Pak ji prirad k nove vytvorene ikone v konfigu. SVG ikona musi odpovidat pozadavkum loxone. Ne kazda funguje. Me se treba stalo ze ikona byla moc velka a videl jsem jen cast nebo nebyla vystredena. 

Neco jsem vycetl tady https://www.loxwiki.eu/pages/viewpage.action?pageId=5767292 ale moc mi to podle toho neslo.  

 


   
ReplyQuote
jimyjims
(@jimyjims)
Trusted Member
Joined: 4 years ago
Posts: 97
 

@pavelcz nevíš prosím jak zhruba musí být velký to svg, aby se to v configu ukázalo reálně? Když v corelu něco vygeneruju, tak bohužel nevidím nic.... Díky

 

Edit: respektive jí nemám vystředěnou....

This post was modified 2 years ago by jimyjims

   
ReplyQuote
(@zdendadix)
New Member
Joined: 2 years ago
Posts: 2
 

Pokud by se někdo s těma ikonama trápil. Jedna věc je nastavit vlastní ikonu přes Loxone config a pak to přes FTP nahrát. Problém s tímhle přístupem je, že když se pak nahrává nová konfigurace zase, tak se to přepíše těma rozmazanejma PNGčkama. IMO nejlepší je v projektu používat jen defaultní ikony a ty pak přehrát tak, že je nahradíš ten původní zip ve /web/images.zip vlastním ZIP, kde jsou ty ikonky vlastní. Samozřejmě doporučuju ten původní zip zazálohovat někde.

Pokud už máte hotový config jako já, tak se dá ten projek upravit (zase předtím zazálohovat!), aby zase používal ty původní ikony. Soubor Loxone config je prakticky XML, takže když ho otevřete v běžným texťáku (nebo nějakém lepším), tak tam najdete sekci ikon jako XML element "C" a uvidíte, že každá ikona má IDčko v atributu "U". Např.

<C Type="IconPlace" V="151" U="00000000-0000-0001-2100000000000000" Title="Nepřiřazeno" WF="16384"/>

Pokud máte vlastní ikonu, tak druhá část toho ID bude 0002 a dál tam budete mít navíc atributy User="2" a Icon"...". Tak ty když odmažete a vrátíte v ID tu druhou část na 0000 (a v místech, kde tu ikonu referencujete/používáte), tak vám to zase začne používat ten jejich defaultní bundle ikon.


   
Aleq reacted
ReplyQuote
(@zdendadix)
New Member
Joined: 2 years ago
Posts: 2
 

Jo a taky ještě 2 poznatky.

Loxone appka má poměrně dlouhou cache, takže trvá poměrně dlouho než změnu v aplikaci uvidíte Zkoušel jsem otáčet config, server i appku a nic z toho to neurychlí zdá se. Ta cache je i v řádech desítek minut.

Druhý, že ty SVG obrázky musí být ve správném formátu a dalo mi to dost práce je postupně poladit. Nakonec mi zabralo, když jsem všechny SVG obrázky zmenšil na 32x32 na iloveimg. Zároveň mají v Loxone appce dost blbě offsetting těch SVG (že nejsou vycentrovaný, protože cropnou viewbox), takže jsem pak ještě musel ladit nějaké properties toho SVG. Konkréně jsem všude vyhodil width a height, přidal x a y, doladil style, takže ty ikony pak vypadaly např. takto:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" version="1.1">
<g>
<path fill="#ffffff"
d="M 11.429688 17.144531 L 20.570312 17.144531 C 22.464844 17.140625 23.996094 15.605469 24 13.714844 L 24 5.714844 C 23.996094 3.820312 22.464844 2.289062 20.570312 2.285156 L 11.429688 2.285156 C 9.535156 2.289062 8.003906 3.820312 8 5.714844 L 8 13.714844 C 8.003906 15.605469 9.535156 17.140625 11.429688 17.144531 Z M 18.285156 8 C 18.285156 7.683594 18.542969 7.429688 18.855469 7.429688 C 19.171875 7.429688 19.429688 7.683594 19.429688 8 L 19.429688 9.144531 C 19.429688 9.457031 19.171875 9.714844 18.855469 9.714844 C 18.542969 9.714844 18.285156 9.457031 18.285156 9.144531 Z M 14.285156 12 C 14.3125 12.175781 14.707031 12.570312 16 12.570312 C 17.292969 12.570312 17.6875 12.175781 17.714844 11.96875 C 17.714844 11.816406 17.777344 11.675781 17.882812 11.570312 C 17.992188 11.464844 18.136719 11.410156 18.285156 11.414062 C 18.605469 11.421875 18.859375 11.679688 18.855469 12 C 18.855469 12.070312 18.824219 13.714844 16 13.714844 C 13.175781 13.714844 13.144531 12.070312 13.144531 12 C 13.144531 11.683594 13.398438 11.429688 13.714844 11.429688 C 14.03125 11.429688 14.285156 11.683594 14.285156 12 Z M 12.570312 8 C 12.570312 7.683594 12.828125 7.429688 13.144531 7.429688 C 13.457031 7.429688 13.714844 7.683594 13.714844 8 L 13.714844 9.144531 C 13.714844 9.457031 13.457031 9.714844 13.144531 9.714844 C 12.828125 9.714844 12.570312 9.457031 12.570312 9.144531 Z M 12.570312 8 "/>
<path fill="#ffffff"
d="M 12 18.285156 L 20 18.285156 L 20 20 L 12 20 Z M 12 18.285156 "/>
<path fill="#ffffff"
d="M 13.714844 0 L 18.285156 0 L 18.285156 1.144531 L 13.714844 1.144531 Z M 13.714844 0 "/>
<path fill="#ffffff"
d="M 5.113281 22.867188 C 3.101562 22.859375 1.328125 24.195312 0.785156 26.132812 L 0.257812 29.96875 C 0.253906 29.988281 0.25 30.007812 0.246094 30.027344 C 0.0859375 30.675781 0.00390625 31.335938 0 32 L 3.519531 32 Z M 5.113281 22.867188 "/>
<path fill="#ffffff"
d="M 31.742188 29.96875 L 31.214844 26.132812 C 30.671875 24.195312 28.898438 22.859375 26.886719 22.867188 L 28.480469 32 L 32 32 C 31.996094 31.335938 31.914062 30.671875 31.753906 30.027344 C 31.75 30.007812 31.746094 29.988281 31.742188 29.96875 Z M 31.742188 29.96875 "/>
<path fill="#ffffff"
d="M 5.714844 32 L 27.320312 32 L 25.503906 21.585938 C 25.347656 21.277344 25.011719 21.101562 24.671875 21.144531 L 7.332031 21.144531 C 6.984375 21.101562 6.648438 21.285156 6.496094 21.601562 L 4.679688 32 Z M 5.714844 32 "/>
</g>
</svg>

 

This post was modified 2 years ago 2 times by zdendadix

   
Aleq reacted
ReplyQuote
(@smotek7)
Member
Joined: 7 years ago
Posts: 1886
 

Neviete niekto aky font je pouzity na webovom rozhrani loxone?


   
ReplyQuote
(@_petr_)
Honorable Member
Joined: 6 years ago
Posts: 483
 

@smotek7 jestli opravdu myslíš font v prohlížeči a ne aplikaci, tak tam to zjistíš snadno přes F12 a výběr konkrétního prvku - je to Averta


   
ReplyQuote
(@smotek7)
Member
Joined: 7 years ago
Posts: 1886
 

@_petr_ ano web. 
Len v tom sa neviem zorientovat. Nasiel som tam Averta-Regular, Arial, sans-serif
Ale to mi nejak nepasuje. Chcel by som vedet font nazov miesnosti a aky je na tlacitkach.


   
ReplyQuote
Page 2 / 3
Share: