● ha작업) LVGL구성 Display 메뉴 상단바 구성 하기
이전
다음
링크
본문
● ha작업) LVGL구성 Display 메뉴 상단바 구성 하기
1) 폰트 부분
http://materialdesignicons.com/cdn/7.4.47/
찾아 본다
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 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠
관련자료
-
링크
-
이전
-
다음
댓글 0
등록된 댓글이 없습니다.