2025-03-03 22:30:53 +08:00
|
|
|
// This file was generated by SquareLine Studio
|
|
|
|
|
// SquareLine Studio version: SquareLine Studio 1.5.1
|
|
|
|
|
// LVGL version: 8.3.6
|
|
|
|
|
// Project name: ESP32S3_UI
|
|
|
|
|
|
|
|
|
|
#include "../ui.h"
|
|
|
|
|
|
|
|
|
|
void ui_settings_screen_init(void)
|
|
|
|
|
{
|
|
|
|
|
ui_settings = lv_obj_create(NULL);
|
|
|
|
|
lv_obj_clear_flag(ui_settings, LV_OBJ_FLAG_SCROLLABLE); /// Flags
|
|
|
|
|
|
|
|
|
|
ui_settingHeader = lv_obj_create(ui_settings);
|
|
|
|
|
lv_obj_set_width(ui_settingHeader, 320);
|
|
|
|
|
lv_obj_set_height(ui_settingHeader, 50);
|
|
|
|
|
lv_obj_set_align(ui_settingHeader, LV_ALIGN_TOP_MID);
|
|
|
|
|
lv_obj_clear_flag(ui_settingHeader, LV_OBJ_FLAG_SCROLLABLE); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_settingHeader, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_settingHeader, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_HomeImg = lv_img_create(ui_settingHeader);
|
|
|
|
|
lv_img_set_src(ui_HomeImg, &ui_img_981464361);
|
|
|
|
|
lv_obj_set_width(ui_HomeImg, LV_SIZE_CONTENT); /// 40
|
|
|
|
|
lv_obj_set_height(ui_HomeImg, LV_SIZE_CONTENT); /// 40
|
|
|
|
|
lv_obj_set_align(ui_HomeImg, LV_ALIGN_LEFT_MID);
|
|
|
|
|
lv_obj_add_flag(ui_HomeImg, LV_OBJ_FLAG_CLICKABLE | LV_OBJ_FLAG_ADV_HITTEST); /// Flags
|
|
|
|
|
lv_obj_clear_flag(ui_HomeImg, LV_OBJ_FLAG_PRESS_LOCK | LV_OBJ_FLAG_SCROLLABLE); /// Flags
|
|
|
|
|
|
|
|
|
|
ui_Label11 = lv_label_create(ui_settingHeader);
|
|
|
|
|
lv_obj_set_width(ui_Label11, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_Label11, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_align(ui_Label11, LV_ALIGN_BOTTOM_MID);
|
|
|
|
|
lv_label_set_text(ui_Label11, "设置");
|
|
|
|
|
lv_obj_set_style_text_color(ui_Label11, lv_color_hex(0x040000), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_text_opa(ui_Label11, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_text_font(ui_Label11, &ui_font_MiSansM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_StepPannel = lv_obj_create(ui_settings);
|
|
|
|
|
lv_obj_set_width(ui_StepPannel, 320);
|
|
|
|
|
lv_obj_set_height(ui_StepPannel, 430);
|
|
|
|
|
lv_obj_set_x(ui_StepPannel, 0);
|
|
|
|
|
lv_obj_set_y(ui_StepPannel, 30);
|
|
|
|
|
lv_obj_set_align(ui_StepPannel, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_set_flex_flow(ui_StepPannel, LV_FLEX_FLOW_COLUMN);
|
|
|
|
|
lv_obj_set_flex_align(ui_StepPannel, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_START);
|
|
|
|
|
lv_obj_add_flag(ui_StepPannel, LV_OBJ_FLAG_FLOATING | LV_OBJ_FLAG_EVENT_BUBBLE); /// Flags
|
|
|
|
|
lv_obj_clear_flag(ui_StepPannel, LV_OBJ_FLAG_CLICK_FOCUSABLE | LV_OBJ_FLAG_GESTURE_BUBBLE |
|
|
|
|
|
LV_OBJ_FLAG_SCROLLABLE); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_StepPannel, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_color(ui_StepPannel, lv_color_hex(0xE6E6E6), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_opa(ui_StepPannel, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_StepPannel, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_pad_left(ui_StepPannel, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_pad_right(ui_StepPannel, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_pad_top(ui_StepPannel, 30, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_pad_bottom(ui_StepPannel, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_Bat = lv_obj_create(ui_StepPannel);
|
|
|
|
|
lv_obj_set_width(ui_Bat, 320);
|
|
|
|
|
lv_obj_set_height(ui_Bat, 40);
|
|
|
|
|
lv_obj_set_align(ui_Bat, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_clear_flag(ui_Bat, LV_OBJ_FLAG_PRESS_LOCK | LV_OBJ_FLAG_CLICK_FOCUSABLE | LV_OBJ_FLAG_SCROLLABLE |
|
|
|
|
|
LV_OBJ_FLAG_SCROLL_ELASTIC | LV_OBJ_FLAG_SCROLL_MOMENTUM | LV_OBJ_FLAG_SCROLL_CHAIN); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_Bat, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_color(ui_Bat, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_opa(ui_Bat, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_color(ui_Bat, lv_color_hex(0xB4B4B4), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_opa(ui_Bat, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_Bat, 1, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_side(ui_Bat, LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
2025-03-04 23:29:52 +08:00
|
|
|
ui_Switch2 = lv_switch_create(ui_Bat);
|
|
|
|
|
lv_obj_set_width(ui_Switch2, 49);
|
|
|
|
|
lv_obj_set_height(ui_Switch2, 25);
|
|
|
|
|
lv_obj_set_x(ui_Switch2, 125);
|
|
|
|
|
lv_obj_set_y(ui_Switch2, -2);
|
|
|
|
|
lv_obj_set_align(ui_Switch2, LV_ALIGN_CENTER);
|
|
|
|
|
|
2025-03-03 22:30:53 +08:00
|
|
|
ui_dianchi = lv_label_create(ui_Bat);
|
|
|
|
|
lv_obj_set_width(ui_dianchi, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_dianchi, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_align(ui_dianchi, LV_ALIGN_LEFT_MID);
|
2025-03-04 23:29:52 +08:00
|
|
|
lv_label_set_text(ui_dianchi, "WIFI");
|
2025-03-03 22:30:53 +08:00
|
|
|
lv_obj_set_style_text_font(ui_dianchi, &ui_font_MiSansM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_Time = lv_obj_create(ui_StepPannel);
|
|
|
|
|
lv_obj_set_width(ui_Time, 320);
|
|
|
|
|
lv_obj_set_height(ui_Time, 40);
|
|
|
|
|
lv_obj_set_align(ui_Time, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_clear_flag(ui_Time, LV_OBJ_FLAG_PRESS_LOCK | LV_OBJ_FLAG_CLICK_FOCUSABLE | LV_OBJ_FLAG_SCROLLABLE |
|
|
|
|
|
LV_OBJ_FLAG_SCROLL_ELASTIC | LV_OBJ_FLAG_SCROLL_MOMENTUM | LV_OBJ_FLAG_SCROLL_CHAIN); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_Time, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_color(ui_Time, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_opa(ui_Time, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_color(ui_Time, lv_color_hex(0xB4B4B4), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_opa(ui_Time, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_Time, 1, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_side(ui_Time, LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
2025-03-04 23:29:52 +08:00
|
|
|
ui_Switch1 = lv_switch_create(ui_Time);
|
|
|
|
|
lv_obj_set_width(ui_Switch1, 49);
|
|
|
|
|
lv_obj_set_height(ui_Switch1, 25);
|
|
|
|
|
lv_obj_set_x(ui_Switch1, 125);
|
|
|
|
|
lv_obj_set_y(ui_Switch1, -2);
|
|
|
|
|
lv_obj_set_align(ui_Switch1, LV_ALIGN_CENTER);
|
|
|
|
|
|
2025-03-03 22:30:53 +08:00
|
|
|
ui_dianchi1 = lv_label_create(ui_Time);
|
|
|
|
|
lv_obj_set_width(ui_dianchi1, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_dianchi1, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_align(ui_dianchi1, LV_ALIGN_LEFT_MID);
|
2025-03-04 23:29:52 +08:00
|
|
|
lv_label_set_text(ui_dianchi1, "PUSH");
|
2025-03-03 22:30:53 +08:00
|
|
|
lv_obj_set_style_text_font(ui_dianchi1, &ui_font_MiSansM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
2025-03-04 23:29:52 +08:00
|
|
|
ui_Time2 = lv_obj_create(ui_StepPannel);
|
|
|
|
|
lv_obj_set_width(ui_Time2, 320);
|
|
|
|
|
lv_obj_set_height(ui_Time2, 40);
|
|
|
|
|
lv_obj_set_align(ui_Time2, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_clear_flag(ui_Time2, LV_OBJ_FLAG_PRESS_LOCK | LV_OBJ_FLAG_CLICK_FOCUSABLE | LV_OBJ_FLAG_SCROLLABLE |
|
|
|
|
|
LV_OBJ_FLAG_SCROLL_ELASTIC | LV_OBJ_FLAG_SCROLL_MOMENTUM | LV_OBJ_FLAG_SCROLL_CHAIN); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_Time2, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_color(ui_Time2, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_opa(ui_Time2, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_color(ui_Time2, lv_color_hex(0xB4B4B4), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_opa(ui_Time2, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_Time2, 1, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_side(ui_Time2, LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_dianchi3 = lv_label_create(ui_Time2);
|
|
|
|
|
lv_obj_set_width(ui_dianchi3, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_dianchi3, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_align(ui_dianchi3, LV_ALIGN_LEFT_MID);
|
|
|
|
|
lv_label_set_text(ui_dianchi3, "Light");
|
|
|
|
|
lv_obj_set_style_text_font(ui_dianchi3, &ui_font_MiSansM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_Slider1 = lv_slider_create(ui_Time2);
|
|
|
|
|
lv_slider_set_value(ui_Slider1, 0, LV_ANIM_OFF);
|
|
|
|
|
if(lv_slider_get_mode(ui_Slider1) == LV_SLIDER_MODE_RANGE) lv_slider_set_left_value(ui_Slider1, 0, LV_ANIM_OFF);
|
|
|
|
|
lv_obj_set_width(ui_Slider1, 211);
|
|
|
|
|
lv_obj_set_height(ui_Slider1, 10);
|
|
|
|
|
lv_obj_set_x(ui_Slider1, 42);
|
|
|
|
|
lv_obj_set_y(ui_Slider1, 1);
|
|
|
|
|
lv_obj_set_align(ui_Slider1, LV_ALIGN_CENTER);
|
|
|
|
|
|
|
|
|
|
ui_Time3 = lv_obj_create(ui_StepPannel);
|
|
|
|
|
lv_obj_set_width(ui_Time3, 320);
|
|
|
|
|
lv_obj_set_height(ui_Time3, 40);
|
|
|
|
|
lv_obj_set_align(ui_Time3, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_clear_flag(ui_Time3, LV_OBJ_FLAG_PRESS_LOCK | LV_OBJ_FLAG_CLICK_FOCUSABLE | LV_OBJ_FLAG_SCROLLABLE |
|
|
|
|
|
LV_OBJ_FLAG_SCROLL_ELASTIC | LV_OBJ_FLAG_SCROLL_MOMENTUM | LV_OBJ_FLAG_SCROLL_CHAIN); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_Time3, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_color(ui_Time3, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_opa(ui_Time3, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_color(ui_Time3, lv_color_hex(0xB4B4B4), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_opa(ui_Time3, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_Time3, 1, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_side(ui_Time3, LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_Dropdown2 = lv_dropdown_create(ui_Time3);
|
|
|
|
|
lv_dropdown_set_options(ui_Dropdown2, "Spirit-3\nSpirit-6\nYU-Lite8");
|
|
|
|
|
lv_obj_set_width(ui_Dropdown2, 150);
|
|
|
|
|
lv_obj_set_height(ui_Dropdown2, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_x(ui_Dropdown2, 78);
|
|
|
|
|
lv_obj_set_y(ui_Dropdown2, 0);
|
|
|
|
|
lv_obj_set_align(ui_Dropdown2, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_add_flag(ui_Dropdown2, LV_OBJ_FLAG_SCROLL_ON_FOCUS); /// Flags
|
|
|
|
|
|
|
|
|
|
ui_dianchi4 = lv_label_create(ui_Time3);
|
|
|
|
|
lv_obj_set_width(ui_dianchi4, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_dianchi4, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_align(ui_dianchi4, LV_ALIGN_LEFT_MID);
|
|
|
|
|
lv_label_set_text(ui_dianchi4, "Current Device");
|
|
|
|
|
lv_obj_set_style_text_font(ui_dianchi4, &ui_font_MiSansM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_Time5 = lv_obj_create(ui_StepPannel);
|
|
|
|
|
lv_obj_set_width(ui_Time5, 320);
|
|
|
|
|
lv_obj_set_height(ui_Time5, 40);
|
|
|
|
|
lv_obj_set_align(ui_Time5, LV_ALIGN_CENTER);
|
|
|
|
|
lv_obj_clear_flag(ui_Time5, LV_OBJ_FLAG_PRESS_LOCK | LV_OBJ_FLAG_CLICK_FOCUSABLE | LV_OBJ_FLAG_SCROLLABLE |
|
|
|
|
|
LV_OBJ_FLAG_SCROLL_ELASTIC | LV_OBJ_FLAG_SCROLL_MOMENTUM | LV_OBJ_FLAG_SCROLL_CHAIN); /// Flags
|
|
|
|
|
lv_obj_set_style_radius(ui_Time5, 0, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_color(ui_Time5, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_bg_opa(ui_Time5, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_color(ui_Time5, lv_color_hex(0xB4B4B4), LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_opa(ui_Time5, 255, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_width(ui_Time5, 1, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
lv_obj_set_style_border_side(ui_Time5, LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_dianchi6 = lv_label_create(ui_Time5);
|
|
|
|
|
lv_obj_set_width(ui_dianchi6, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_dianchi6, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_x(ui_dianchi6, 79);
|
|
|
|
|
lv_obj_set_y(ui_dianchi6, 0);
|
|
|
|
|
lv_obj_set_align(ui_dianchi6, LV_ALIGN_LEFT_MID);
|
|
|
|
|
lv_label_set_text(ui_dianchi6, "Battery Information");
|
|
|
|
|
lv_obj_set_style_text_font(ui_dianchi6, &ui_font_MiSansM, LV_PART_MAIN | LV_STATE_DEFAULT);
|
|
|
|
|
|
|
|
|
|
ui_Button3 = lv_btn_create(ui_settings);
|
|
|
|
|
lv_obj_set_width(ui_Button3, 303);
|
|
|
|
|
lv_obj_set_height(ui_Button3, 50);
|
|
|
|
|
lv_obj_set_x(ui_Button3, 1);
|
|
|
|
|
lv_obj_set_y(ui_Button3, 115);
|
|
|
|
|
lv_obj_set_align(ui_Button3, LV_ALIGN_CENTER);
|
|
|
|
|
|
|
|
|
|
ui_Label10 = lv_label_create(ui_Button3);
|
|
|
|
|
lv_obj_set_width(ui_Label10, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_height(ui_Label10, LV_SIZE_CONTENT); /// 1
|
|
|
|
|
lv_obj_set_x(ui_Label10, -7);
|
|
|
|
|
lv_obj_set_y(ui_Label10, 2);
|
|
|
|
|
lv_obj_set_align(ui_Label10, LV_ALIGN_CENTER);
|
|
|
|
|
lv_label_set_text(ui_Label10, "PULL");
|
2025-03-03 22:30:53 +08:00
|
|
|
|
|
|
|
|
lv_obj_add_event_cb(ui_HomeImg, ui_event_HomeImg, LV_EVENT_ALL, NULL);
|
|
|
|
|
lv_obj_add_event_cb(ui_settingHeader, ui_event_settingHeader, LV_EVENT_ALL, NULL);
|
2025-03-04 23:29:52 +08:00
|
|
|
lv_obj_add_event_cb(ui_Time5, ui_event_Time5, LV_EVENT_ALL, NULL);
|
2025-03-03 22:30:53 +08:00
|
|
|
lv_obj_add_event_cb(ui_StepPannel, ui_event_StepPannel, LV_EVENT_ALL, NULL);
|
|
|
|
|
|
|
|
|
|
}
|