kennyboy55/ESPHome_ButtonPlusV2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update 3pages_TotalExample.yml with page names

Browse Source 
Added page name at bottom of main display
This commit is contained in:
balk77
2024-12-17 20:45:41 +01:00
committed by GitHub
parent c93a22ef53
commit 38649f8135
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Examples/3pages_TotalExample.yml
+12
View File
@@ -46,6 +46,9 @@ packages:
globals: globals:
- id: !extend nr_of_pages - id: !extend nr_of_pages
initial_value: '3' initial_value: '3'
- id: active_page_name
type: std::string
initial_value: ""
font: font:
- file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf" - file: "https://github.com/web-fonts/ttf/raw/refs/heads/master/bpg-ingiri-arial-webfont.ttf"
@@ -490,12 +493,18 @@ display:
switch (id(actual_page)){ switch (id(actual_page)){
case 0: case 0:
id(containers).execute(); id(containers).execute();
// Page name to be shown on page 1
id(active_page_name) = "Page 1";
break; break;
case 1: case 1:
id(music_card).execute(20, 125); id(music_card).execute(20, 125);
// Page name to be shown on page 2
id(active_page_name) = "Music page";
break; break;
case 2: case 2:
it.print(100, 160, id(font_arial20), "This is page 3!"); it.print(100, 160, id(font_arial20), "This is page 3!");
// Page name to be shown on page 3
id(active_page_name) = "Page 3";
break; break;
} }
@@ -535,6 +544,9 @@ script:
id(main_display).image(0, 208, id(icon_prev_page), ImageAlign::TOP_LEFT, id(red)); id(main_display).image(0, 208, id(icon_prev_page), ImageAlign::TOP_LEFT, id(red));
id(main_display).image(320, 208, id(icon_next_page), ImageAlign::TOP_RIGHT, id(red)); id(main_display).image(320, 208, id(icon_next_page), ImageAlign::TOP_RIGHT, id(red));
// //
//>>> Show page name at bottom of display
id(main_display).printf(160, 238, id(font_arial20), id(white), TextAlign::BASELINE_CENTER, "%s", id(active_page_name).c_str());
//
//>>> temperature inside: //>>> temperature inside:
id(main_display).image(36, 15, id(icon_temp_inside), ImageAlign::TOP_CENTER, id(red)); id(main_display).image(36, 15, id(icon_temp_inside), ImageAlign::TOP_CENTER, id(red));
id(main_display).printf(36, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1f°", id(inside_temperature).state); id(main_display).printf(36, 80, id(font_arial20), id(white), TextAlign::TOP_CENTER , "%.1f°", id(inside_temperature).state);