From ff68f91be9cce2fb27d3b3aea9ab26fa224ea0eb Mon Sep 17 00:00:00 2001 From: Michele Bini Date: Wed, 30 Mar 2022 08:31:18 +0200 Subject: layout guides and areas; last 3 to join for input area 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); -- cgit v0.10.2