Simbole

Të gjitha simbolet mund të përdoren në vendet e ndryshme të vizualizimit. Kështu është e mundur të përcaktohen këto si variablë ose tekst.

Për të shfaqur një simbol në vizualizim, ky deklarohet drejtpërdrejt në tekst me etiketën [icon:SYMBOLPFAD]. Rruga e simbolit mund të kopjohet nga biblioteka e simboleve me tastin e djathtë të miut ose me CTRL+C. Duhet, nëse është e mundur, të zgjedhni vetëm Material Symbols, për të ruajtur stilin e vizualizimit.

Biblioteka E Simboleve

Të gjitha simbolet e disponueshme mund të thirren dhe të kërkohen nën menun e kontekstit Vizualizim ▸ Simbole. Është gjithashtu e mundur të importoni një set simbolesh të vetë në bibliotekë. Procedura shpjegohet më poshtë.

Shënime: Emri që shfaqet në listën e simboleve nuk është identik me rrugën e simbolit. Nëse në rrugë nuk specifikohet një set simbolesh, përdoret automatikisht seti Glyphicons.

Filtrimi në bibliotekën e simboleve kërkon edhe etiketat e regjistruara. Nëse këtë sjellje nuk e dëshironi, filtrimi mund të fillojë me një = për të kërkuar vetëm në emra.

Seti I Simboleve Material Symbols (Standard)

Ky set simbolesh është plotësisht dinamik dhe stili i simboleve konfiguron automatikisht sipas dizajnit të vizualizimit. Për më tepër, përdoret automatikisht një simbol i mbushur kur simboli duhet të jetë aktiv. Por jo çdo simbol ka një variant të mbushur.

Simbolet rrotullohen automatikisht nëse rrezja e butonit është më e madhe ose e barabartë me 16 Pixel. Nëse rrezja është e barabartë me 0px, përdoren simbolet e ashpra. Në editor, përdoren gjithmonë simbolet normale.

Shënim: Rekomandohet të përdorni setin e simboleve "Material Symbols" për të dizajnuar vizualizimin në mënyrë uniforme.

Seti I Simboleve Material Animated

Ka disa simbolet e Material Symbols që janë animuar për të paraqitur vlera. Këto simbole kanë vetëm një animim me simbolin e strukturës. Nëse zgjedhni këto, aktivizohen variablat e tjera.

Seti I Simboleve Philips Hue

Simbolet e Philips Hue mund të përdoren lirshëm kur përdoret interfaca e Hue. Për më tepër, ka një set simbolesh të shtuar Hue nga komuniteti i Home Assistant HASS. Më shumë informacione gjenden në fund të këtij kapitulli.

Seti I Simboleve Mot

Ky set simbolesh shfaq simbolet e motit të vizualizimit. Këto mbështeten pa ndërprerje nga shumë interfaca. Shihni kapitullin e mëposhtëm Mot-Icons.

Seti I Simboleve Legacy (i vjetër)

Seti i Legacy përmban të gjitha simbolet e vizualizimit të vjetër. Stili i shfaqjes i sipërfaqes së re mbetet i njëjtë. Simbolet nuk duhet më të përdoren, pasi që shfaqja nuk është optimizuar për sipërfaqen e re.

Disa simbole të vjetra vazhdojnë të jenë animuara:

  • legacy/door
  • legacy/door_2
  • legacy/lock
  • legacy/shutter
  • legacy/shutter_blinds
  • legacy/window
  • legacy/window_tilt

Simbole të Fshehta

Ka edhe simbolet e fshehta për vizualizim. Këto shpjegohen më tej në kapitujt e mëposhtëm.

Për të thirrur simbolet, është e nevojshme vetëm një prefiks URL.

Sets Personalized Simbole

Është e mundur të importoni një set simbolesh në projekt. Çdo set simbolesh duhet të përgatitet si një file ZIP. Disa shembuj të disponueshëm mund të shkarkohen këtu:

Këshilla Pro: Pas importit të suksesshëm, mund ta eksportoni setin e simboleve si .antobj për të thjeshtuar importimin. Klikoni me tastin e djathtë të miut mbi një set simbolesh dhe zgjedhni Eksport.

Rregullat e mëposhtme përcaktojnë strukturën dhe kërkesat e një set simbolesh. Ju lutemi lexoni këto me kujdes dhe respektoni toka.

Rregullat

  • Prefiksi
    • Mund të përmbajë vetëm _, a–z dhe 0–9.
    • Shkronjat e mëdha konvertohen automatikisht në të vogla.
    • Emrat e rezervuar si sys, src ose doc janë të pavlefshëm.
    • Duhet të fillojë me një shkronjë (a–z). Numrat vetëm nuk lejohen.
    • Vijat në fund të emrit (_) hiqen.
    • Duhet të ketë së paku 3 karaktere të gjatë.
    • Vijat e shumta (__) reduktohen në një vetëm.
  • Emrat E Simboleve
    • Konvertohen automatikisht në shkronja të vogla.
    • Karakteret e lejuara janë -, _, a–z dhe 0–9.
    • Emrat e gjatë dhe prefiksat duhen shmangur.
    • Prefiksi duhet të jetë i veçantë dhe duhet të përdoret vetëm një herë.
    • Nëse një simbol ka të njëjtin emër dhe prefiks si një simbol sistemesh, mund ta zëvendësojë atë.
  • Kufizimet E Fileve
    • Madhësia maksimale e fileve pas pastrimit: 10 kB. Filet më të mëdha refuzohen.
    • Filet SVG duhet të jenë të pastra:
      • Kthetrit e rreshtit hiqen automatikisht.
      • Elementet e mëposhtme hiqen: <title>, <desc>, <script>, <image>, <style>, <foreignObject>.
      • Atributet e mëposhtme hiqen: style, fill, stroke, color, stop-color, flood-color, lighting-color.
      • Simbolet me skripta të inkorporuara, imazhe, CSS ose burime të jashtme refuzohen.
      • Nëse stilizimet përmbajnë ngjyra ose bloke stilish, importimi mund të refuzohet gjithashtu.
  • Kërkesat E Headerit SVG
    • Duhet të përmbajë: viewBox, width dhe height. Vlerat e munguara shtohen automatikisht, nëse është e mundur.
    • Duhet të përmbajë hapësirën e emrave: xmlns="http://www.w3.org/2000/svg". Nëse mungon ose është gabim, shtohet automatikisht.
    • Emri i simbolit duhet të përputhet saktësisht me dimensionet, ndryshe simboli refuzohet.
    • Dimensionet duhet të jenë katrore (gjerësia = lartësia). Standard: 24px.
    • Duhen shmangur stilizimet e kundërta ose dimensione të pasaktë.
  • Gjithçka
    • Simbolet e krijuara keq mund të rëndojnë shumë shfaqjen ose të bëjnë gabime.
    • Ju lutemi, jeni të sigurt për të drejtat e autorit të simboleve.
    • Të gjitha vektorët rrotullohen në tre vendet decimale.

Struktura

  • File iconset.ini është e domosdoshme për të identifikuar setin e simboleve.
    • Mund të gjendet në direktori root të file ZIP ose në një ndarje.
    • Duhet të jetë në shkronja të vogla (iconset.ini).
    • Emrat e fileve të simboleve vetë nuk janë case-sensitiv.
  • Importi nuk kërkon automatikisht file SVG.
    • Direktori i simboleve duhet të përcaktohet eksplizit në iconset.ini (respektoni shkronjat e mëdha dhe të vogla).
    • Në shablonin e file ZIP është përcaktuar një direktori me emrin icons/.
  • Ndarjet
    • Ndarjet në direktorin e përcaktuar (icons/) shërbejnë si kategoritë.
    • Emrat e simboleve duhet të jenë të veçantë në të gjitha kategoritë.
    • Rregullat e emrave në direktorin e simboleve:
      • Minimum: Vetëm dimensione dhe zgjatja e file (p.sh. 24.svg).
      • Variantet si filled24.svg ose round_filled_24.svg janë të vlefshme.
      • Emrat e fileve me numra të shumtë (p.sh. 24_48.svg) nuk janë të vlefshëm.
      • Variantet e stilit identifikohet nga:
        • Mbushur: Duhet të përmbajë filled ose fill.
        • Rrotulluar: Duhet të përmbajë round.
        • Ashper: Duhet të përmbajë sharp.
        • Rrotulluar dhe ashper nuk mund të kombinohen së bashku.
      • Nëse shumë rregulla janë të vlefshme, përdoret file e fundit (kjo mund të duket e rastësishme).
  • Rregullat E Tjera
    • Ndarjet e ndarjeve të brendshme nuk kërkohen (këto mund të përdoren për backup ose origjinale).
    • Filet pa .svg ignorohet.
    • Në një direktori simbolesh mund të gjendet një file me emrin tags.txt për të shtuar etiketa shtesë në kërkim.
      • Etiketat mund të ndahen me ,, ; ose Kthetrit E Rreshtit.

Sets Speciale Simbole

Ka edhe disa sets speciale simbole që mund të importohen si sets personalizuar simbolesh, por nuk duhet të konfigurohen sipas rregullave të mëparshme.

Hass Hue Icons

Njëri prej tyre është nga faqja e Gibhub hass-hue-icons. Ky është një set simbolesh shtesë Hue i komunitetit të Home Assistant HASS dhe mund të përdoret vetëm për projekte jo-komerciale, pasi që ai është nën licencën Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International. Kështu, ky set simbolesh nuk del me Antcas Control. Por simbolet mund të importohen gjithmonë si një set simbolesh i ri në projekt me file ZIP hass-hue-icons-main.zip. Ju lutemi, respektoni kushtet e licencës së projektit në faqen e Github.

Burimi: https://github.com/arallsopp/hass-hue-icons.

Material Design Icons nga Pictogrammers

Një tjetër është nga Pictogrammers. Për këtë, file mdi-###.json duhet të paketohet në një file ZIP dhe të importohet. File mund të gjendet dhe të shkarkohet nga konsola e zhvillimit e browserit. Përpjekemi të kombinojmë simbolet e konturës me ato të mbushura. Biblioteka është shumë e ngjashme me Material Symbols. Por ka shumë shtesa komuniteti. Nëse dëshironi të integroni sets tjera simbolesh në bibliotekë, mund të na pyeni.

Burimi: https://pictogrammers.com/library/mdi/

Faqe të Nënrenditura