logo elektroda
logo elektroda
X
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Jak zmienić ikonę encji w Home Assistant? Ikony MDI - Material Design Icons

p.kaczmarek2 09 Cze 2025 09:57 1053 0

TL;DR

  • Zmiana ikony encji w Home Assistant dotyczy przełączników, czujników i świateł, które można personalizować ikonami z zestawu MDI (Material Design Icons).
  • Home Assistant używa prefiksu `mdi:` przed nazwą ikony, a ikonę można wybrać z listy w ustawieniach encji i zatwierdzić aktualizacją.
  • Do wygodnego przeglądania ikon służy biblioteka Pictogrammers: `pictogrammers.com/library/mdi/`, której wyszukiwarka jest czytelniejsza niż w HA.
  • Przy Home Assistant Discovery ikonę można ustawić już w publikowanym JSON-ie, np. dla tematu `homeassistant/sensor/MyDevice/my_voltage/config`, zamiast zmieniać ją ręcznie w interfejsie.
Wygenerowane przez model językowy.
REKLAMA
📢 Słuchaj (AI):
  • Zrzut ekranu z zestawu Material Design Icons pokazujący 12 różnych ikonek serca o różnych stylach i nazwach.
    Home Assistant to popularny, otwarty system automatyki domowej pozwalający na integrację i personalizację wielu różnych systemów i serii urządzeń. Jednym z prostych, ale skutecznych sposobów personalizacji interfejsu HA jest zmiana ikon przypisanych do encji, np. przełączników, czujników czy świateł. Home Assistant korzysta z ikon pochodzących z zestawu MDI (Material Design Icons). Są to ikony opracowane wedle wytycznych Material Design od Google.

    W Home Assistant można ich używać, poprzedzając nazwę ikony prefiksem mdi:. Na przykład:
    - mdi:camera - ikona kamery
    - mdi:account - ikona konta (ludzik)
    - mdi:alarm-light - światło alarmowe
    - itd.

    REKLAMA


    Najprościej w Home Assistant jest zmienić ikonkę dla już sparowanego urządzenia. Może być ono dodane wcześniej przez Home Assistant Discovery. Klikamy na jego ikonkę:
    Zrzut ekranu panelu Home Assistant z widoczną sekcją „Sensors”, gdzie czerwona strzałka wskazuje ikonę przy „Apparent Power”.
    Potem wchodzimy w ustawienia:
    Zrzut ekranu karty urządzenia w Home Assistant z wykresem i zaznaczonym przyciskiem ustawień.
    Wybieramy ikonkę z rozwijanej listy:
    Fragment interfejsu Home Assistant z otwartym oknem wyboru ikony encji i widoczną listą ikon MDI.
    Ikonka została wybrana:
    Okno ustawień encji Apparent Power w Home Assistant z wybraną ikoną mdi:camera.
    Klikamy update:
    Okno edycji ustawień encji w Home Assistant z zaznaczonym przyciskiem UPDATE w prawym dolnym rogu.
    Od teraz ikona jest zmieniona:
    Zrzut ekranu panelu Home Assistant z sekcją Sensors, gdzie widoczny jest czujnik Apparent Power z ikoną kamery oraz stanem Unknown.

    W celu łatwiejszego przeglądania ikonek polecam odwiedzić bibliotekę ikonek:
    https://pictogrammers.com/library/mdi/
    Tamtejsza wyszukiwarka jest znacznie bardziej czytelna niż to, co oferuje HA:
    Wyszukiwarka ikon Material Design Icons z wynikami dla słowa heart, prezentująca różne warianty ikony serca.

    Zostało jeszcze zastanowić się jak to wygląda od strony programistycznej. Załóżmy, że tworzymy sensor przez Home Assistant Discovery.
    Publikujemy dane pod tematem:
    
    homeassistant/sensor/MyDevice/my_voltage/config
    

    o treści:
    Kod: JSON
    Zaloguj się, aby zobaczyć kod

    Home Assistant bierze wtedy domyślną ikonę dla napięcia:
    Wykres historii napięcia z sensora „Test Voltage” w Home Assistant.
    Natomiast jeśli dopiszemy do JSON własne ustawienie:
    Kod: JSON
    Zaloguj się, aby zobaczyć kod

    To otrzymujemy:
    Wykres napięcia urządzenia MyDevice w interfejsie Home Assistant z ikoną serca obok nazwy.
    W ten sposób można zmienić ikonę z poziomu nie samego Home Assistant, lecz ze źródłowego urządzenia wykonującego HASS Discovery.

    Podsumowując, personalizacja ikon w Home Assistant to prosty, ale efektywny sposób na lepsze dopasowanie interfejsu do własnych potrzeb i preferencji. Dzięki wykorzystaniu bogatego zestawu ikon MDI można łatwo zmieniać wygląd reprezentacji urządzeń zarówno z poziomu samego Home Assistant, jak i bezpośrednio w konfiguracji urządzeń przesyłających dane przez Home Assistant Discovery.
    Czy też korzystacie z szerokiej gamy ikonek w Home Assistant, a jeśli tak, to do czego?

    Fajne? Ranking DIY
    Pomogłem? Kup mi kawę.
    O autorze
    p.kaczmarek2
    Moderator Smart Home
    Offline 
    Inżynier programista z wieloletnim doświadczeniem embedded i full stack developer.
    Specjalizuje się w: embedded, Full-Stack Developer
    p.kaczmarek2 napisał 14426 postów o ocenie 12392, pomógł 650 razy. Jest z nami od 2014 roku.
  • REKLAMA
📢 Słuchaj (AI):
REKLAMA