#include #include "lvgl.h" LV_FONT_DECLARE(noto_sans_24) LV_FONT_DECLARE(noto_sans_96) LV_FONT_DECLARE(noto_sans_150) LV_FONT_DECLARE(noto_sans_240) LV_FONT_DECLARE(weather_icon_24) LV_FONT_DECLARE(weather_icon_96) LV_FONT_DECLARE(weather_icon_150) LV_FONT_DECLARE(weather_icon_240) static lv_style_t s_epd_style; static lv_theme_t s_epd_theme; static void app_ui_theme_apply(lv_theme_t *th, lv_obj_t *obj) { lv_obj_add_style(obj, &s_epd_style, 0); } void ui_demo_init(void) { lv_obj_t *screen_cond; /* Top bar */ lv_obj_t *container_topbar; lv_obj_t *label_sunrise; lv_obj_t *label_sunrise_time; lv_obj_t *label_sunset; lv_obj_t *label_sunset_time; lv_obj_t *label_uvi; lv_obj_t *label_uvi_value; lv_obj_t *label_updated; lv_obj_t *label_updated_time; /* Seperation line */ lv_obj_t *line_topbar; /* Middle display */ lv_obj_t *container_main; lv_obj_t *label_wxicon; lv_obj_t *label_temperature; lv_obj_t *label_temperature_hi; lv_obj_t *label_temperature_lo; lv_obj_t *label_temperature_real; lv_obj_t *label_temperature_real_desc; lv_obj_t *label_temperature_unit; lv_obj_t *label_temperature_hi_unit; lv_obj_t *label_temperature_lo_unit; lv_obj_t *label_temperature_real_unit; lv_obj_t *label_humidity; lv_obj_t *label_humidity_unit; lv_obj_t *label_wind_level; lv_obj_t *label_wind_speed; lv_obj_t *label_wind_direction; lv_point_t points_line_topbar[] = {{0, 37}, {959, 37}}; lv_style_init(&s_epd_style); lv_style_set_pad_all(&s_epd_style, 0); lv_style_set_radius(&s_epd_style, 0); lv_style_set_border_width(&s_epd_style, 1); lv_theme_set_apply_cb(&s_epd_theme, app_ui_theme_apply); lv_disp_set_theme(NULL, &s_epd_theme); screen_cond = lv_obj_create(NULL); container_topbar = lv_obj_create(screen_cond); label_sunrise = lv_label_create(container_topbar); label_sunrise_time = lv_label_create(container_topbar); label_sunset = lv_label_create(container_topbar); label_sunset_time = lv_label_create(container_topbar); label_uvi = lv_label_create(container_topbar); label_uvi_value = lv_label_create(container_topbar); label_updated = lv_label_create(container_topbar); label_updated_time = lv_label_create(container_topbar); line_topbar = lv_line_create(screen_cond); container_main = lv_obj_create(screen_cond); label_wxicon = lv_label_create(container_main); label_temperature = lv_label_create(container_main); label_temperature_hi = lv_label_create(container_main); label_temperature_lo = lv_label_create(container_main); label_temperature_real = lv_label_create(container_main); label_temperature_real_desc = lv_label_create(container_main); label_temperature_unit = lv_label_create(container_main); label_temperature_hi_unit = lv_label_create(container_main); label_temperature_lo_unit = lv_label_create(container_main); label_temperature_real_unit = lv_label_create(container_main); label_humidity = lv_label_create(container_main); label_humidity_unit = lv_label_create(container_main); label_wind_level = lv_label_create(container_main); label_wind_direction = lv_label_create(container_main); label_wind_speed = lv_label_create(container_main); /* Top bar parts */ lv_obj_set_style_text_font(label_sunrise, &weather_icon_24, 0U); lv_obj_set_style_text_font(label_sunset, &weather_icon_24, 0U); lv_obj_set_style_text_font(label_uvi, &weather_icon_24, 0U); lv_obj_set_style_text_font(label_updated, &weather_icon_24, 0U); lv_obj_set_style_text_font(label_sunrise_time, ¬o_sans_24, 0U); lv_obj_set_style_text_font(label_sunset_time, ¬o_sans_24, 0U); lv_obj_set_style_text_font(label_uvi_value, ¬o_sans_24, 0U); lv_obj_set_style_text_font(label_updated_time, ¬o_sans_24, 0U); lv_label_set_text(label_sunrise, "\U0000F051"); lv_label_set_text(label_sunset, "\U0000F052"); lv_label_set_text(label_uvi, "\U0000F00D"); lv_label_set_text(label_updated, "\U0000F04C"); lv_label_set_text(label_sunrise_time, "--:--"); lv_label_set_text(label_sunset_time, "--:--"); lv_label_set_text(label_uvi_value, "-"); lv_label_set_text(label_updated_time, "----/--/-- --:--"); lv_obj_set_size(container_topbar, 960, 36); lv_obj_set_width(label_sunrise, 32); lv_obj_set_width(label_sunset, 32); lv_obj_set_width(label_uvi, 32); lv_obj_set_width(label_updated, 32); lv_obj_set_style_text_align(label_sunrise, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_sunset, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_uvi, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_updated, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_sunrise_time, LV_TEXT_ALIGN_LEFT, 0); lv_obj_set_style_text_align(label_sunset_time, LV_TEXT_ALIGN_LEFT, 0); lv_obj_set_style_text_align(label_uvi_value, LV_TEXT_ALIGN_LEFT, 0); lv_obj_set_style_text_align(label_updated_time, LV_TEXT_ALIGN_LEFT, 0); lv_obj_align(container_topbar, LV_ALIGN_TOP_LEFT, 0, 0); lv_obj_align(label_sunrise, LV_ALIGN_LEFT_MID, 0, 0); lv_obj_align(label_sunset, LV_ALIGN_LEFT_MID, 160, 0); lv_obj_align(label_uvi, LV_ALIGN_LEFT_MID, 320, 0); lv_obj_align(label_updated, LV_ALIGN_LEFT_MID, 480, 0); lv_obj_align(label_sunrise_time, LV_ALIGN_LEFT_MID, 40, 3); lv_obj_align(label_sunset_time, LV_ALIGN_LEFT_MID, 200, 3); lv_obj_align(label_uvi_value, LV_ALIGN_LEFT_MID, 360, 3); lv_obj_align(label_updated_time, LV_ALIGN_LEFT_MID, 520, 3); lv_line_set_points(line_topbar, points_line_topbar, 2); lv_obj_set_style_line_width(line_topbar, 1, 0); /* Main parts */ lv_obj_set_style_text_font(label_wxicon, &weather_icon_150, 0); lv_obj_set_style_text_font(label_temperature_unit, &weather_icon_96, 0); lv_obj_set_style_text_font(label_humidity_unit, &weather_icon_96, 0); lv_obj_set_style_text_font(label_temperature_hi_unit, &weather_icon_96, 0); lv_obj_set_style_text_font(label_temperature_lo_unit, &weather_icon_96, 0); lv_obj_set_style_text_font(label_temperature_real_unit, &weather_icon_96, 0); lv_obj_set_style_text_font(label_wind_direction, &weather_icon_96, 0); lv_obj_set_style_text_font(label_wind_level, &weather_icon_96, 0); lv_obj_set_style_text_font(label_temperature, ¬o_sans_150, 0); lv_obj_set_style_text_font(label_temperature_hi, ¬o_sans_96, 0); lv_obj_set_style_text_font(label_temperature_lo, ¬o_sans_96, 0); lv_obj_set_style_text_font(label_temperature_real, ¬o_sans_96, 0); lv_obj_set_style_text_font(label_temperature_real_desc, ¬o_sans_24, 0); lv_obj_set_style_text_font(label_humidity, ¬o_sans_96, 0); lv_obj_set_style_text_font(label_wind_speed, ¬o_sans_96, 0); lv_label_set_text(label_wxicon, "\U0000F07B"); lv_label_set_text(label_temperature_unit, "\U0000F03C"); lv_label_set_text(label_temperature_hi_unit, "\U0000F058"); lv_label_set_text(label_temperature_lo_unit, "\U0000F044"); lv_label_set_text(label_temperature_real_unit, "\U0000F03C"); lv_label_set_text(label_humidity_unit, "\U0000F07A"); lv_label_set_text(label_wind_direction, "\U0000F0B1"); lv_label_set_text(label_wind_level, "\U0000F0BA"); lv_label_set_text(label_temperature, "--"); lv_label_set_text(label_temperature_hi, "--"); lv_label_set_text(label_temperature_lo, "--"); lv_label_set_text(label_temperature_real, "--"); lv_label_set_text(label_temperature_real_desc, "Real\nFeel"); lv_label_set_text(label_humidity, "---"); lv_label_set_text(label_wind_speed, "----"); lv_obj_set_size(container_main, 960, 370); lv_obj_set_size(label_temperature_unit, 96, 96); lv_obj_set_size(label_temperature_hi_unit, 96, 96); lv_obj_set_size(label_temperature_lo_unit, 96, 96); lv_obj_set_size(label_temperature_real_unit, 96, 96); lv_obj_set_size(label_humidity_unit, 96, 150); lv_obj_set_size(label_wind_direction, 96, 96); lv_obj_set_size(label_wind_level, 96, 96); lv_obj_set_width(label_wxicon, 200); lv_obj_set_width(label_temperature, 200); lv_obj_set_width(label_temperature_hi, 150); lv_obj_set_width(label_temperature_lo, 150); lv_obj_set_width(label_temperature_real, 150); lv_obj_set_width(label_temperature_real_desc, 50); lv_obj_set_width(label_humidity, 200); lv_obj_set_width(label_wind_speed, 150); lv_obj_set_style_text_align(label_wxicon, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_temperature, LV_TEXT_ALIGN_RIGHT, 0); lv_obj_set_style_text_align(label_temperature_hi, LV_TEXT_ALIGN_RIGHT, 0); lv_obj_set_style_text_align(label_temperature_lo, LV_TEXT_ALIGN_RIGHT, 0); lv_obj_set_style_text_align(label_temperature_real, LV_TEXT_ALIGN_RIGHT, 0); lv_obj_set_style_text_align(label_temperature_real_desc, LV_TEXT_ALIGN_LEFT, 0); lv_obj_set_style_text_align(label_temperature_unit, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_temperature_hi_unit, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_temperature_lo_unit, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_temperature_real_unit, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_humidity, LV_TEXT_ALIGN_RIGHT, 0); lv_obj_set_style_text_align(label_humidity_unit, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_wind_direction, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_wind_level, LV_TEXT_ALIGN_CENTER, 0); lv_obj_set_style_text_align(label_wind_speed, LV_TEXT_ALIGN_RIGHT, 0); lv_obj_align(container_main, LV_ALIGN_TOP_LEFT, 0, 38); lv_obj_align(label_wxicon, LV_ALIGN_LEFT_MID, 0, 0); lv_obj_align(label_temperature_unit, LV_ALIGN_TOP_LEFT, 400, -20); lv_obj_align(label_temperature_hi_unit, LV_ALIGN_TOP_LEFT, 200, 115); lv_obj_align(label_temperature_lo_unit, LV_ALIGN_TOP_LEFT, 200, 235); lv_obj_align(label_temperature, LV_ALIGN_TOP_LEFT, 200, 0); lv_obj_align(label_temperature_hi, LV_ALIGN_TOP_LEFT, 250, 150); lv_obj_align(label_temperature_lo, LV_ALIGN_TOP_LEFT, 250, 250); lv_obj_align(label_temperature_real, LV_ALIGN_TOP_LEFT, 650, 130); lv_obj_align(label_temperature_real_desc, LV_ALIGN_TOP_LEFT, 585, 165); lv_obj_align(label_humidity, LV_ALIGN_TOP_LEFT, 600, 10); lv_obj_align(label_humidity_unit, LV_ALIGN_TOP_LEFT, 800, -20); lv_obj_align(label_temperature_real_unit, LV_ALIGN_TOP_LEFT, 800, 120); lv_obj_align(label_wind_direction, LV_ALIGN_TOP_LEFT, 560, 230); lv_obj_align(label_wind_speed, LV_ALIGN_TOP_LEFT, 650, 250); lv_obj_align(label_wind_level, LV_ALIGN_TOP_LEFT, 815, 240); lv_scr_load(screen_cond); }