layout guides and areas; last 3 to join for input area

1 files changed, 133 insertions, 0 deletions

diff --git a/src/displayapp/screens/WatchFaceDigital.cpp b/src/displayapp/screens/WatchFaceDigital.cpp
index 68c6acb..963bfe4 100644
--- a/src/displayapp/screens/WatchFaceDigital.cpp
+++ b/src/displayapp/screens/WatchFaceDigital.cpp
@@ -33,6 +33,139 @@ WatchFaceDigital::WatchFaceDigital(DisplayApp* app,
     settingsController {settingsController},
     motionController {motionController} {
 
+  if (1) {
+    lv_obj_t * b1,  * l1;
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000099));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 144, 0);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "3");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x444488));
+    lv_obj_set_style_local_text_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x3b5d6e));
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 144, 48);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "6");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x444488));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 0, 0);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "1");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x444488));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 48, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 0, 48);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "4");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x336677));
+    lv_obj_set_size(b1, 48, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 96, 0);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "2");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x336677));
+    lv_obj_set_style_local_text_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x3b5d6e));
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 48, 48);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "5");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000099));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 240, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 0, 96);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "7");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000099));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 0, 192);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "11");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x444488));
+    lv_obj_set_style_local_text_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x3b5d6e));
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 0, 144);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "8");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x444488));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 144, 192);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "13");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x444488));
+    lv_obj_set_style_local_radius(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, 0);
+    lv_obj_set_size(b1, 48, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 192, 144);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "10");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x336677));
+    lv_obj_set_style_local_text_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x3b5d6e));
+    lv_obj_set_size(b1, 48, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 96, 192);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "12");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+
+    b1 = lv_obj_create(lv_scr_act(), nullptr);
+    lv_obj_set_style_local_bg_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x336677));
+    lv_obj_set_style_local_text_color(b1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x3b5d6e));
+    lv_obj_set_size(b1, 96, 48);
+    lv_obj_align(b1, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 96, 144);
+    l1 = lv_label_create(lv_scr_act(), nullptr);
+    lv_label_set_text_static(l1, "9");
+    lv_obj_set_style_local_text_color(l1, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, lv_color_hex(0x000000));
+    lv_obj_align(l1, b1, LV_ALIGN_IN_TOP_MID, 0, 0);
+  }
+
   batteryIcon = lv_label_create(lv_scr_act(), nullptr);
   lv_label_set_text_fmt(batteryIcon, "B##%%");
   lv_obj_set_style_local_text_font(batteryIcon, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, &neofont1);