Ajoutez vos propres icônes interrupteur à Domoticz

Les versions  de Domoticz apportent leur propres icônes, toutefois nous avons tous eu envie de pouvoir ajouter nos propres icônes.

LibDocument Recycle Bin (full)LibMusicLibPictures

Cet article (repris depuis le wiki de Domoticz http://www.domoticz.com/wiki/Custom_icons_for_webinterfac) va nous expliquer comment embellir notre plateforme domotique préférée.

Seules sont concernées les icônes des interrupteurs On/Off.

ATTENTION: LORS DES MISES A JOUR DU LOGICIEL, les fichier txt et probablement vos images vont être remplacés, SA UVEGARDEZ donc AVANT de faire une mise à jour de DOMOTICZ.

Création des icônes.

  • Les icônes doivent être au format PNG avec une résolution de 48×48 pixels. Les images à fond transparent sont préférables.
  • Utilisez vos logiciels favoris pour créer/récupérer sur le web des images à votre convenance respectant les critères techniques ci-dessus.
  • Pensez que pour un switch vous aurez besoin de un état ON et un état OFF, donc 2 images.
  • Évitez dans vos noms d’images les accents, les espaces, les caractères étranges typiquement français et les autres (^, »,°,µ,ç…).
  • Le nom des images DOIT ETRE terminé par 48_On et 48_Off (mon expérience)
  • J’insiste sur le 48_Off et 48_On avec des O majuscules

Pour la rédaction de cet article j’ai créé 2 icônes  bouton48_On et bouton48_Off que voici :     bouton48_Onbouton48_Off

Merci d’éviter les commentaires ironiques concernant mes capacités en dessin.

Emplacement  des icônes.

Une fois terminée, envoyons notre production dans notre installation Domoticz.

  • Avec votre client SFTP favori (Windows: WinSCP, OS X: Cyberduck) ou tout autre moyen à votre convenance allez à /home/pi/domoticz/www/images/ et envoyez y vos images.

Paramètrage

  • Allez dans le dossier /home/pi/domoticz/www/
  • Ouvrez le fichier ‘switch_icons.txt’ .
  • Allez à la fin et ajoutez une ligne pour chaque icône à faire apparaître en respectant le format suivant :
  • Nom de l’image;nom de l’icône dans l’interface;description de l’icône.
  • le séparateur est un point virgule.

Attention : Respectez les majuscules/minuscules pour le nom de l’image ; Bouton1.png et bouton1.png ce n’est pas la même chose.

Ayant ajouté une icône pour mon joli bouton, on a donc

Light;Light/Switch;A Lamp or Switch
WallSocket;Wall Socket;Power Wall Socket
TV;Televihhhhhhsion;Television Screen
Harddisk;Hard disk;Hard disk drive
Printer;Printer;Printer
Amplifier;Amplifier;Device that controls audio
Computer;Computer;Personal Computer System
Fan;Fan;Airflow Producer
Speaker;Speaker;Audio Speaker
Generic;Generic;Generic On/Off switch
Fireplace;Fireplace;Fireplace
Water;Water;Water
Media;Media Player;Multi Media player
Alarm;Alarm;Alarm
bouton;bouton enfantin;mon_premier_bouton_Domoticz

Remarquez qu’il ne faut pas mettre ni le 48, ni le _On,_Off

  • la 1ere colonne du fichier est le nom de l’image de base (sans le 48_On,48_Off)
  • la 2 eme le texte affiché en haut
  • la 3eme le texte long
  • mon_bouton

Il faut redémarrer Domoticz après modifications ,soit du fichier txt, soit des icônes, pour que les modifications soient pris en compte.

Configuration

En vous rendant dans l’onglet « Interrupteurs » puis en cliquant sur le bouton « Editer », vous retrouvez tout en bas votre belle réalisation.

 Config_bouton

mon_boutonAffectez le à votre switch. Sauvegardez. et Cliquez !!Domoticz on

ATTENTION: LORS DES MISES A JOUR DU LOGICIEL, les fichier txt et probablement vos images vont être remplacés, SA UVEGARDEZ donc AVANT de faire une mise à jour de DOMOTICZ.

2014-11-23 10_36_32

testeapprouve

 

 

Posted in Débutants, domoticz, interfaces and tagged , , .

5 Comments

  1. Merci pour tous ces excellents articles ! Continuez à enrichir notre connaissance de domoticz !

  2. Merci de vos encouragements, cela fait plaisir que ma contribution puisse servir à d’autres que moi
    Merci

  3. OUI en effet, j’ai perdu la fin de mon article concernant cela, je complète et merci pour tes encouragements

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *