feat: implement brightness slider callback

Author: electricalgorithm

.gitignore

@@ -1,2 +1,3 @@
 build/*
-.vscode/*
+.vscode/*
+.DS_Store

CMakeLists.txt

@@ -4,5 +4,8 @@ cmake_minimum_required(VERSION 3.20.0)
 find_package(Zephyr REQUIRED HINTS $ENV{ZEPHYR_BASE})
 project(Esp32SmartWatch)
 
-target_sources(app PRIVATE src/main.c)
+file(GLOB_RECURSE app_sources src/*.c)
+
+target_sources(app PRIVATE ${app_sources})
 target_include_directories(app PRIVATE inc)
+

prj.conf

@@ -9,17 +9,18 @@ CONFIG_DISPLAY_LOG_LEVEL_ERR=y
 
 # Log Configurations
 CONFIG_LOG=y
-CONFIG_LV_USE_LOG=y
+CONFIG_LV_USE_LOG=n
 
 # Shell Configurations
-CONFIG_SHELL=y
-CONFIG_LV_Z_SHELL=y
-CONFIG_PWM_SHELL=y
+# CONFIG_SHELL=y
+# CONFIG_LV_Z_SHELL=y
+# CONFIG_PWM_SHELL=y
 
 # LVGL Configurations
 CONFIG_LVGL=y
-CONFIG_LV_USE_LABEL=y
-CONFIG_LV_USE_BTN=y
+CONFIG_LV_FONT_MONTSERRAT_46=y
+CONFIG_LV_FONT_MONTSERRAT_18=y
+# CONFIG_LV_Z_POINTER_KSCAN_MSGQ_COUNT=1
 
 # PWM Configurations
 CONFIG_PWM=y

src/main.c

@@ -15,13 +15,10 @@
 #include <zephyr/kernel.h>
 #include <zephyr/logging/log.h>
 #include <lvgl_input_device.h>
+#include "user_interface/ui.h"
 
-#define LOG_LEVEL	CONFIG_LOG_DEFAULT_LEVEL
-LOG_MODULE_REGISTER(SmartWatch_OS);
+LOG_MODULE_REGISTER(SmartWatch_OS, LOG_LEVEL_INF);
 
-static void lv_btn_click_callback(lv_event_t *e) {
-	LOG_INF("Button clicked");
-}
 
 int main(void) {
 
@@ -31,20 +28,12 @@ int main(void) {
 		LOG_ERR("Display device is not ready, exiting...");
 		return 0;
 	}
-    LOG_INF("Display device is ready.");
 
     const struct pwm_dt_spec backlight = PWM_DT_SPEC_GET_BY_IDX(DT_NODELABEL(pwm_lcd0), 0);
     if (!pwm_is_ready_dt(&backlight)) {
         LOG_ERR("PWM device is not ready, exiting...");
         return 0;
     }
-    LOG_INF("PWM device is ready.");
-
-    // Log PWM backlight information.
-    LOG_INF("PWM device: %s", backlight.dev->name);
-    LOG_INF("PWM channel: %d", backlight.channel);
-    LOG_INF("PWM period: %d", backlight.period);
-    LOG_INF("PWM flags: %d", backlight.flags);
 
     // Initialize the PWM device.
     int ret = pwm_set_dt(&backlight, 500, 250);
@@ -54,27 +43,13 @@ int main(void) {
     }
 
     // Initialize the display device with initial GUI.
-	if (IS_ENABLED(CONFIG_LV_Z_POINTER_INPUT)) {
-
-        // Create a button.
-		lv_obj_t *hello_world_button = lv_btn_create(lv_scr_act());
-		lv_obj_align(hello_world_button, LV_ALIGN_CENTER, 0, -15);
-		lv_obj_add_event_cb(hello_world_button,
-                            lv_btn_click_callback,
-                            LV_EVENT_CLICKED, NULL);
-		// Create a label for the button.
-        lv_obj_t *hello_world_label = lv_label_create(hello_world_button);
-        lv_label_set_text(hello_world_label, "Hello world!");
-	    lv_obj_align(hello_world_label, LV_ALIGN_CENTER, 0, 0);
-        
-        LOG_INF("LVGL initialized.");
-	}
+    ui_init();
 
     lv_task_handler();
     display_blanking_off(display_dev);
 
 	while (1) {
 		lv_task_handler();
-		k_sleep(K_MSEC(10));
+		k_usleep(10);
 	}
 }

src/user_interface/CMakeLists.txt

@@ -0,0 +1,9 @@
+SET(SOURCES screens/ui_HomeScreen.c
+    screens/ui_SettingsScreen.c
+    screens/ui_CalenderScreen.c
+    ui.c
+    components/ui_comp_hook.c
+    ui_helpers.c
+    ui_events.c)
+
+add_library(ui ${SOURCES})

src/user_interface/components/ui_comp_hook.c

@@ -0,0 +1,5 @@
+// This file was generated by SquareLine Studio
+// SquareLine Studio version: SquareLine Studio 1.3.3
+// LVGL version: 8.2.0
+// Project name: smart_watch_ui
+

src/user_interface/filelist.txt

@@ -0,0 +1,7 @@
+screens/ui_HomeScreen.c
+screens/ui_SettingsScreen.c
+screens/ui_CalenderScreen.c
+ui.c
+components/ui_comp_hook.c
+ui_helpers.c
+ui_events.c

src/user_interface/screens/ui_CalenderScreen.c

@@ -0,0 +1,27 @@
+// This file was generated by SquareLine Studio
+// SquareLine Studio version: SquareLine Studio 1.3.3
+// LVGL version: 8.2.0
+// Project name: smart_watch_ui
+
+#include "../ui.h"
+
+void ui_CalenderScreen_screen_init(void)
+{
+ui_CalenderScreen = lv_obj_create(NULL);
+lv_obj_clear_flag( ui_CalenderScreen, LV_OBJ_FLAG_SCROLLABLE );    /// Flags
+lv_obj_set_style_bg_color(ui_CalenderScreen, lv_color_hex(0x292831), LV_PART_MAIN | LV_STATE_DEFAULT );
+lv_obj_set_style_bg_opa(ui_CalenderScreen, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
+
+ui_CalendarComponent = lv_calendar_create(ui_CalenderScreen);
+lv_calendar_set_today_date(ui_CalendarComponent,2024,5,12);
+lv_calendar_set_showed_date(ui_CalendarComponent,2024,5);
+lv_obj_t *ui_CalendarComponent_header = lv_calendar_header_arrow_create(ui_CalendarComponent);
+lv_obj_set_width( ui_CalendarComponent, 190);
+lv_obj_set_height( ui_CalendarComponent, 190);
+lv_obj_set_align( ui_CalendarComponent, LV_ALIGN_CENTER );
+lv_obj_set_style_border_color(ui_CalendarComponent, lv_color_hex(0x000000), LV_PART_MAIN | LV_STATE_DEFAULT );
+lv_obj_set_style_border_opa(ui_CalendarComponent, 0, LV_PART_MAIN| LV_STATE_DEFAULT);
+
+lv_obj_add_event_cb(ui_CalenderScreen, ui_event_CalenderScreen, LV_EVENT_ALL, NULL);
+
+}

src/user_interface/screens/ui_HomeScreen.c

@@ -0,0 +1,68 @@
+// This file was generated by SquareLine Studio
+// SquareLine Studio version: SquareLine Studio 1.3.3
+// LVGL version: 8.2.0
+// Project name: smart_watch_ui
+
+#include "../ui.h"
+
+void ui_HomeScreen_screen_init(void)
+{
+ui_HomeScreen = lv_obj_create(NULL);
+lv_obj_clear_flag( ui_HomeScreen, LV_OBJ_FLAG_SCROLLABLE );    /// Flags
+
+ui_SportSliderBiggerLeft = lv_arc_create(ui_HomeScreen);
+lv_obj_set_width( ui_SportSliderBiggerLeft, 200);
+lv_obj_set_height( ui_SportSliderBiggerLeft, 200);
+lv_obj_set_align( ui_SportSliderBiggerLeft, LV_ALIGN_CENTER );
+lv_obj_clear_flag( ui_SportSliderBiggerLeft, LV_OBJ_FLAG_CLICKABLE | LV_OBJ_FLAG_SCROLL_CHAIN );    /// Flags
+lv_arc_set_range(ui_SportSliderBiggerLeft, 0,180);
+lv_arc_set_value(ui_SportSliderBiggerLeft, 60);
+lv_arc_set_bg_angles(ui_SportSliderBiggerLeft,0,180);
+lv_arc_set_rotation(ui_SportSliderBiggerLeft,270);
+
+
+ui_SportSliderBiggerRight = lv_arc_create(ui_HomeScreen);
+lv_obj_set_width( ui_SportSliderBiggerRight, 200);
+lv_obj_set_height( ui_SportSliderBiggerRight, 200);
+lv_obj_set_align( ui_SportSliderBiggerRight, LV_ALIGN_CENTER );
+lv_obj_clear_flag( ui_SportSliderBiggerRight, LV_OBJ_FLAG_CLICKABLE | LV_OBJ_FLAG_SCROLL_CHAIN );    /// Flags
+lv_arc_set_range(ui_SportSliderBiggerRight, 0,180);
+lv_arc_set_value(ui_SportSliderBiggerRight, 90);
+lv_arc_set_bg_angles(ui_SportSliderBiggerRight,180,300);
+lv_arc_set_rotation(ui_SportSliderBiggerRight,270);
+
+lv_obj_set_style_arc_color(ui_SportSliderBiggerRight, lv_color_hex(0x20CA62), LV_PART_INDICATOR | LV_STATE_DEFAULT );
+lv_obj_set_style_arc_opa(ui_SportSliderBiggerRight, 255, LV_PART_INDICATOR| LV_STATE_DEFAULT);
+
+lv_obj_set_style_bg_color(ui_SportSliderBiggerRight, lv_color_hex(0x21C863), LV_PART_KNOB | LV_STATE_DEFAULT );
+lv_obj_set_style_bg_opa(ui_SportSliderBiggerRight, 255, LV_PART_KNOB| LV_STATE_DEFAULT);
+
+ui_SportSlider = lv_arc_create(ui_HomeScreen);
+lv_obj_set_width( ui_SportSlider, 160);
+lv_obj_set_height( ui_SportSlider, 160);
+lv_obj_set_align( ui_SportSlider, LV_ALIGN_CENTER );
+lv_obj_clear_flag( ui_SportSlider, LV_OBJ_FLAG_CLICKABLE | LV_OBJ_FLAG_SCROLL_CHAIN );    /// Flags
+lv_arc_set_value(ui_SportSlider, 30);
+lv_arc_set_bg_angles(ui_SportSlider,0,350);
+lv_arc_set_rotation(ui_SportSlider,270);
+
+lv_obj_set_style_arc_color(ui_SportSlider, lv_color_hex(0xB41818), LV_PART_INDICATOR | LV_STATE_DEFAULT );
+lv_obj_set_style_arc_opa(ui_SportSlider, 255, LV_PART_INDICATOR| LV_STATE_DEFAULT);
+
+lv_obj_set_style_bg_color(ui_SportSlider, lv_color_hex(0xB71B1B), LV_PART_KNOB | LV_STATE_DEFAULT );
+lv_obj_set_style_bg_opa(ui_SportSlider, 255, LV_PART_KNOB| LV_STATE_DEFAULT);
+
+ui_ClockText = lv_label_create(ui_HomeScreen);
+lv_obj_set_width( ui_ClockText, LV_SIZE_CONTENT);  /// 2
+lv_obj_set_height( ui_ClockText, LV_SIZE_CONTENT);   /// 2
+lv_obj_set_align( ui_ClockText, LV_ALIGN_CENTER );
+lv_label_set_text(ui_ClockText,"22\n01");
+lv_obj_set_style_text_letter_space(ui_ClockText, 5, LV_PART_MAIN| LV_STATE_DEFAULT);
+lv_obj_set_style_text_line_space(ui_ClockText, 0, LV_PART_MAIN| LV_STATE_DEFAULT);
+lv_obj_set_style_text_align(ui_ClockText, LV_TEXT_ALIGN_AUTO, LV_PART_MAIN| LV_STATE_DEFAULT);
+lv_obj_set_style_text_decor(ui_ClockText, LV_TEXT_DECOR_NONE, LV_PART_MAIN| LV_STATE_DEFAULT);
+lv_obj_set_style_text_font(ui_ClockText, &lv_font_montserrat_46, LV_PART_MAIN| LV_STATE_DEFAULT);
+
+lv_obj_add_event_cb(ui_HomeScreen, ui_event_HomeScreen, LV_EVENT_ALL, NULL);
+
+}

src/user_interface/screens/ui_SettingsScreen.c

@@ -0,0 +1,85 @@
+// This file was generated by SquareLine Studio
+// SquareLine Studio version: SquareLine Studio 1.3.3
+// LVGL version: 8.2.0
+// Project name: smart_watch_ui
+
+#include "../ui.h"
+
+void ui_SettingsScreen_screen_init(void)
+{
+ui_SettingsScreen = lv_obj_create(NULL);
+lv_obj_clear_flag( ui_SettingsScreen, LV_OBJ_FLAG_SCROLLABLE );    /// Flags
+
+ui_SettingsTitle = lv_label_create(ui_SettingsScreen);
+lv_obj_set_width( ui_SettingsTitle, LV_SIZE_CONTENT);  /// 1
+lv_obj_set_height( ui_SettingsTitle, LV_SIZE_CONTENT);   /// 1
+lv_obj_set_x( ui_SettingsTitle, 0 );
+lv_obj_set_y( ui_SettingsTitle, -90 );
+lv_obj_set_align( ui_SettingsTitle, LV_ALIGN_CENTER );
+lv_label_set_text(ui_SettingsTitle,"Settings");
+lv_obj_set_style_text_font(ui_SettingsTitle, &lv_font_montserrat_18, LV_PART_MAIN| LV_STATE_DEFAULT);
+
+ui_BackgroundPanel = lv_obj_create(ui_SettingsScreen);
+lv_obj_set_width( ui_BackgroundPanel, 243);
+lv_obj_set_height( ui_BackgroundPanel, 156);
+lv_obj_set_x( ui_BackgroundPanel, -2 );
+lv_obj_set_y( ui_BackgroundPanel, 12 );
+lv_obj_set_align( ui_BackgroundPanel, LV_ALIGN_CENTER );
+lv_obj_clear_flag( ui_BackgroundPanel, LV_OBJ_FLAG_SCROLLABLE );    /// Flags
+
+ui_BrightnessSlider = lv_slider_create(ui_SettingsScreen);
+lv_slider_set_value( ui_BrightnessSlider, 100, LV_ANIM_OFF);
+if (lv_slider_get_mode(ui_BrightnessSlider)==LV_SLIDER_MODE_RANGE ) lv_slider_set_left_value( ui_BrightnessSlider, 0, LV_ANIM_OFF);
+lv_obj_set_width( ui_BrightnessSlider, 100);
+lv_obj_set_height( ui_BrightnessSlider, 10);
+lv_obj_set_x( ui_BrightnessSlider, 48 );
+lv_obj_set_y( ui_BrightnessSlider, -35 );
+lv_obj_set_align( ui_BrightnessSlider, LV_ALIGN_CENTER );
+
+lv_obj_set_style_shadow_width(ui_BrightnessSlider, 1, LV_PART_KNOB| LV_STATE_DEFAULT);
+lv_obj_set_style_shadow_spread(ui_BrightnessSlider, 1, LV_PART_KNOB| LV_STATE_DEFAULT);
+lv_obj_set_style_shadow_ofs_x(ui_BrightnessSlider, 2, LV_PART_KNOB| LV_STATE_DEFAULT);
+lv_obj_set_style_shadow_ofs_y(ui_BrightnessSlider, 2, LV_PART_KNOB| LV_STATE_DEFAULT);
+
+ui_WiFiSettings = lv_dropdown_create(ui_SettingsScreen);
+lv_dropdown_set_options( ui_WiFiSettings, "Przystan na Kawe\nKOCMARLI\nTest" );
+lv_dropdown_set_text( ui_WiFiSettings, "None");
+lv_obj_set_width( ui_WiFiSettings, 100);
+lv_obj_set_height( ui_WiFiSettings, LV_SIZE_CONTENT);   /// 1
+lv_obj_set_x( ui_WiFiSettings, 50 );
+lv_obj_set_y( ui_WiFiSettings, 1 );
+lv_obj_set_align( ui_WiFiSettings, LV_ALIGN_CENTER );
+lv_obj_add_flag( ui_WiFiSettings, LV_OBJ_FLAG_SCROLL_ON_FOCUS );   /// Flags
+lv_obj_clear_flag( ui_WiFiSettings, LV_OBJ_FLAG_CLICKABLE );    /// Flags
+
+
+
+ui_BrightnessLabel = lv_label_create(ui_SettingsScreen);
+lv_obj_set_width( ui_BrightnessLabel, LV_SIZE_CONTENT);  /// 1
+lv_obj_set_height( ui_BrightnessLabel, LV_SIZE_CONTENT);   /// 1
+lv_obj_set_x( ui_BrightnessLabel, -60 );
+lv_obj_set_y( ui_BrightnessLabel, -35 );
+lv_obj_set_align( ui_BrightnessLabel, LV_ALIGN_CENTER );
+lv_label_set_text(ui_BrightnessLabel,"Brightness");
+
+ui_WiFiLabel = lv_label_create(ui_SettingsScreen);
+lv_obj_set_width( ui_WiFiLabel, LV_SIZE_CONTENT);  /// 1
+lv_obj_set_height( ui_WiFiLabel, LV_SIZE_CONTENT);   /// 1
+lv_obj_set_x( ui_WiFiLabel, -38 );
+lv_obj_set_y( ui_WiFiLabel, 0 );
+lv_obj_set_align( ui_WiFiLabel, LV_ALIGN_CENTER );
+lv_label_set_text(ui_WiFiLabel,"WiFi");
+
+ui_VersionText = lv_label_create(ui_SettingsScreen);
+lv_obj_set_width( ui_VersionText, LV_SIZE_CONTENT);  /// 1
+lv_obj_set_height( ui_VersionText, LV_SIZE_CONTENT);   /// 1
+lv_obj_set_x( ui_VersionText, -1 );
+lv_obj_set_y( ui_VersionText, 72 );
+lv_obj_set_align( ui_VersionText, LV_ALIGN_CENTER );
+lv_label_set_text(ui_VersionText,"Version: 0.1.0");
+
+lv_obj_add_event_cb(ui_BrightnessSlider, ui_event_BrightnessSlider, LV_EVENT_ALL, NULL);
+lv_obj_add_event_cb(ui_WiFiSettings, ui_event_WiFiSettings, LV_EVENT_ALL, NULL);
+lv_obj_add_event_cb(ui_SettingsScreen, ui_event_SettingsScreen, LV_EVENT_ALL, NULL);
+
+}