● ha작업) LVGL구성 Display 메뉴 상단바 구성 하기


  • 링크


  • 컨텐츠 정보


    본문

    ● ha작업) LVGL구성 Display 메뉴 상단바 구성 하기

    3232235521_1726876754.1362.png


    1) 폰트 부분 

    http://materialdesignicons.com/cdn/7.4.47/ 

    찾아 본다

    3232235521_1726877022.4262.png

    2) esphome 수정 > 해당 사용 폰트의 번호를 다음과 같이 준비


      - file: "font/malgunbd.ttf"
        id: topmenu_icon_40
        size: 40
        bpp: 4
        glyphs: ${weather_characters}
        extras:
          - file: "font/materialdesignicons-webfont.ttf"  
            glyphs: [
              "\U000F02DC", # home-icon 1
              "\U000F0335", # lightbulb 2
              "\U000F097E", # switch 3
              "\U000F0F92", # thermometer 4
              "\U000F147E", # info 5
              "\U000F0D90", # off
              ]
              # 상단바메뉴아이콘 폰트


    3) 메뉴 구성

    # ========================================================
    # 상단메뉴 타이틀 홈버튼 구성 2024_0915_1425_48  top_icon 상단아이콘표시
    # =======================================================
          - obj:
              x: 0
              y: 0
              width: 500
              height: 50
              align: TOP_LEFT
              scrollbar_mode: "OFF"
              text_color: 0xD5D5D5
              bg_color: 0
              bg_opa: TRANSP
              border_opa: TRANSP
              radius: 0
              pad_all: 0
              shadow_opa: TRANSP          
              text_font: mdi_30
             
              widgets:
                - button:
                    x: 0
                    id: home_button_1
                    align: TOP_LEFT
                    styles: header_footer_top
                    height: 49
                    width: 78
                    widgets:
                      - label:
                          id: home_icon_1
                          align: CENTER
                          text: "\U000F02DC" # home 1
                          text_font: topmenu_icon_40
                          text_color: 0x00FF00  # green

                - button:
                    x: 80
                    id: home_button_2
                    align: TOP_LEFT
                    styles: header_footer_top
                    height: 49
                    width: 78
                    widgets:
                      - label:
                          id: home_icon_2
                          align: CENTER
                          text: "\U000F0335" # lightbulb 2
                          text_font: topmenu_icon_40                      
                          text_color: 0x00FF00  # green
                - button:
                    x: 160
                    id: home_button_3
                    align: TOP_LEFT
                    styles: header_footer_top
                    height: 49
                    width: 78
                    widgets:
                      - label:
                          id: home_icon_3
                          align: CENTER
                          text: "\U000F097E" #  switch 3 2024_0919_1308_08  U000F097E
                          text_font: topmenu_icon_40                                            
                          text_color: 0x00FF00  # green

                - button:
                    x: 240
                    id: home_button_4
                    align: TOP_LEFT
                    styles: header_footer_top
                    height: 49
                    width: 78
                    widgets:
                      - label:
                          id: home_icon_4
                          align: CENTER
                          text: "\U000F0F92" # thermometer 4
                          text_font: topmenu_icon_40                                            
                          text_color: 0x00FF00  # green

                - button:
                    x: 320
                    id: home_button_5
                    align: TOP_LEFT
                    styles: header_footer_top
                    height: 49
                    width: 78
                    widgets:
                      - label:
                          id: home_icon_5
                          align: CENTER
                          text: "\U000F147E" # info 5
                          text_font: topmenu_icon_40                                            
                          text_color: 0x00FF00  # green
     
                - button:
                    x: 400
                    id: home_button_6
                    align: TOP_LEFT
                    styles: header_footer_top
                    height: 49
                    width: 78
                    widgets:
                      - label:
                          id: home_icon_6
                          align: CENTER
                          text: "\U000F0D90" # mdi-monitor-off 6
                          text_font: topmenu_icon_40                                            
                          text_color: 0x00FF00  # green              



    ☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠1.png

    뷰PDF add1,add2



    관련자료

    댓글 0
    등록된 댓글이 없습니다.



    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-11-22 23:40:17

    오늘의 홈 현황


    • 현재 접속자♨ 592 명
    • 오늘 가입자※ 1 명
    • 어제 가입자※ 3 명
    • 주간 가입자※ 9 명
    • 오늘 방문자 3,446 명
    • 어제 방문자 3,272 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,802,602 명
    • 전체 게시물※ 8,855 개
    • 전체 댓글수※ 25,231 개
    • 전체 회원수 11,325 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑