149 lines
6.5 KiB
C
149 lines
6.5 KiB
C
|
|
#include "../ui.h"
|
|
#include <stdio.h>
|
|
#include <stdlib.h>
|
|
#include "ostask.h"
|
|
#include "osasys.h"
|
|
#include "bsp.h"
|
|
#include "bsp_custom.h"
|
|
|
|
lv_obj_t *ui_Weather;
|
|
lv_obj_t *ui_Pary_Cloud;
|
|
lv_obj_t *ui_New_York;
|
|
lv_obj_t *ui_Cloud;
|
|
lv_obj_t *ui_Celsius;
|
|
lv_obj_t *ui_Weather_Icons;
|
|
lv_obj_t *ui_w1;
|
|
lv_obj_t *ui_w2;
|
|
lv_obj_t *ui_w3;
|
|
lv_obj_t *ui_W1_Num;
|
|
lv_obj_t *ui_W2_Num;
|
|
lv_obj_t *ui_W3_Num;
|
|
|
|
|
|
const lv_img_dsc_t *ui_imgset_weather_[3] = {&ui_img_weather_1_png, &ui_img_weather_2_png, &ui_img_weather_3_png};
|
|
|
|
void ui_Weather_screen_init(void)
|
|
{
|
|
ui_Weather = lv_obj_create(NULL);
|
|
lv_obj_clear_flag( ui_Weather, LV_OBJ_FLAG_SCROLLABLE ); /// Flags
|
|
lv_obj_set_style_bg_color(ui_Weather, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT );
|
|
lv_obj_set_style_bg_opa(ui_Weather, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
lv_obj_set_style_bg_img_src( ui_Weather, &ui_img_pattern_png, LV_PART_MAIN | LV_STATE_DEFAULT );
|
|
lv_obj_set_style_bg_img_tiled(ui_Weather, true, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_Pary_Cloud = ui_Small_Label_create(ui_Weather);
|
|
lv_obj_set_x( ui_Pary_Cloud, 0 );
|
|
lv_obj_set_y( ui_Pary_Cloud, -67 );
|
|
lv_obj_set_align( ui_Pary_Cloud, LV_ALIGN_CENTER );
|
|
lv_label_set_text(ui_Pary_Cloud,"Party cloud");
|
|
lv_obj_set_style_text_color(ui_Pary_Cloud, lv_color_hex(0x000746), LV_PART_MAIN | LV_STATE_DEFAULT );
|
|
lv_obj_set_style_text_opa(ui_Pary_Cloud, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_New_York = ui_Small_Label_create(ui_Weather);
|
|
lv_obj_set_x( ui_New_York, 0 );
|
|
lv_obj_set_y( ui_New_York, 37 );
|
|
lv_obj_set_align( ui_New_York, LV_ALIGN_CENTER );
|
|
lv_label_set_text(ui_New_York,"Shang Hai");
|
|
lv_obj_set_style_text_color(ui_New_York, lv_color_hex(0x9C9CD9), LV_PART_MAIN | LV_STATE_DEFAULT );
|
|
lv_obj_set_style_text_opa(ui_New_York, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_Cloud = lv_img_create(ui_Weather);
|
|
lv_img_set_src(ui_Cloud, &ui_img_cloud_png);
|
|
lv_obj_set_width( ui_Cloud, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_height( ui_Cloud, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_x( ui_Cloud, -2 );
|
|
lv_obj_set_y( ui_Cloud, 19 );
|
|
lv_obj_set_align( ui_Cloud, LV_ALIGN_TOP_MID );
|
|
lv_obj_add_flag( ui_Cloud, LV_OBJ_FLAG_ADV_HITTEST ); /// Flags
|
|
lv_obj_clear_flag( ui_Cloud, LV_OBJ_FLAG_SCROLLABLE ); /// Flags
|
|
lv_obj_set_style_img_recolor(ui_Cloud, lv_color_hex(0x293062), LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
lv_obj_set_style_img_recolor_opa(ui_Cloud, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_Celsius = lv_label_create(ui_Weather);
|
|
lv_obj_set_width( ui_Celsius, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_height( ui_Celsius, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_x( ui_Celsius, 0 );
|
|
lv_obj_set_y( ui_Celsius, 125 );
|
|
lv_obj_set_align( ui_Celsius, LV_ALIGN_TOP_MID );
|
|
lv_label_set_text(ui_Celsius,"26°");
|
|
lv_obj_set_style_text_color(ui_Celsius, lv_color_hex(0x293062), LV_PART_MAIN | LV_STATE_DEFAULT );
|
|
lv_obj_set_style_text_opa(ui_Celsius, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
lv_obj_set_style_text_font(ui_Celsius, &ui_font_Number, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_Weather_Icons = lv_obj_create(ui_Weather);
|
|
lv_obj_set_height( ui_Weather_Icons, 56);
|
|
lv_obj_set_width( ui_Weather_Icons, lv_pct(100));
|
|
lv_obj_set_x( ui_Weather_Icons, 0 );
|
|
lv_obj_set_y( ui_Weather_Icons, -33 );
|
|
lv_obj_set_align( ui_Weather_Icons, LV_ALIGN_BOTTOM_MID );
|
|
lv_obj_clear_flag( ui_Weather_Icons, LV_OBJ_FLAG_SCROLLABLE ); /// Flags
|
|
lv_obj_set_style_bg_color(ui_Weather_Icons, lv_color_hex(0xFFFFFF), LV_PART_MAIN | LV_STATE_DEFAULT );
|
|
lv_obj_set_style_bg_opa(ui_Weather_Icons, 0, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_w1 = lv_img_create(ui_Weather_Icons);
|
|
lv_img_set_src(ui_w1, &ui_img_weather_1_png);
|
|
lv_obj_set_width( ui_w1, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_height( ui_w1, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_x( ui_w1, 40 );
|
|
lv_obj_set_y( ui_w1, 0 );
|
|
lv_obj_add_flag( ui_w1, LV_OBJ_FLAG_ADV_HITTEST ); /// Flags
|
|
lv_obj_clear_flag( ui_w1, LV_OBJ_FLAG_SCROLLABLE ); /// Flags
|
|
lv_obj_set_style_img_recolor(ui_w1, lv_color_hex(0x293062), LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
lv_obj_set_style_img_recolor_opa(ui_w1, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_w2 = lv_img_create(ui_Weather_Icons);
|
|
lv_img_set_src(ui_w2, &ui_img_weather_2_png);
|
|
lv_obj_set_width( ui_w2, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_height( ui_w2, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_align( ui_w2, LV_ALIGN_TOP_MID );
|
|
lv_obj_add_flag( ui_w2, LV_OBJ_FLAG_ADV_HITTEST ); /// Flags
|
|
lv_obj_clear_flag( ui_w2, LV_OBJ_FLAG_SCROLLABLE ); /// Flags
|
|
lv_obj_set_style_img_recolor(ui_w2, lv_color_hex(0x293062), LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
lv_obj_set_style_img_recolor_opa(ui_w2, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_w3 = lv_img_create(ui_Weather_Icons);
|
|
lv_img_set_src(ui_w3, &ui_img_weather_3_png);
|
|
lv_obj_set_width( ui_w3, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_height( ui_w3, LV_SIZE_CONTENT); /// 1
|
|
lv_obj_set_x( ui_w3, -40 );
|
|
lv_obj_set_y( ui_w3, 0 );
|
|
lv_obj_set_align( ui_w3, LV_ALIGN_TOP_RIGHT );
|
|
lv_obj_add_flag( ui_w3, LV_OBJ_FLAG_ADV_HITTEST ); /// Flags
|
|
lv_obj_clear_flag( ui_w3, LV_OBJ_FLAG_SCROLLABLE ); /// Flags
|
|
lv_obj_set_style_img_recolor(ui_w3, lv_color_hex(0x293062), LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
lv_obj_set_style_img_recolor_opa(ui_w3, 255, LV_PART_MAIN| LV_STATE_DEFAULT);
|
|
|
|
ui_W1_Num = ui_Small_Label_create(ui_Weather_Icons);
|
|
lv_obj_set_x( ui_W1_Num, 35 );
|
|
lv_obj_set_y( ui_W1_Num, 25 );
|
|
lv_obj_set_align( ui_W1_Num, LV_ALIGN_TOP_LEFT );
|
|
lv_label_set_text(ui_W1_Num,"65°");
|
|
|
|
ui_W2_Num = ui_Small_Label_create(ui_Weather_Icons);
|
|
lv_obj_set_x( ui_W2_Num, 0 );
|
|
lv_obj_set_y( ui_W2_Num, 25 );
|
|
lv_obj_set_align( ui_W2_Num, LV_ALIGN_TOP_MID );
|
|
lv_label_set_text(ui_W2_Num,"24km/h");
|
|
|
|
ui_W3_Num = ui_Small_Label_create(ui_Weather_Icons);
|
|
lv_obj_set_x( ui_W3_Num, -30 );
|
|
lv_obj_set_y( ui_W3_Num, 25 );
|
|
lv_obj_set_align( ui_W3_Num, LV_ALIGN_TOP_RIGHT );
|
|
lv_label_set_text(ui_W3_Num,"18%");
|
|
|
|
lv_obj_add_event_cb(ui_Weather, ui_event_Weather, LV_EVENT_ALL, NULL);
|
|
}
|
|
|
|
void ui_event_Weather( lv_event_t * e)
|
|
{
|
|
lv_event_code_t event_code = lv_event_get_code(e);
|
|
lv_obj_t * target = lv_event_get_target(e);
|
|
if ( event_code == LV_EVENT_SCREEN_LOADED) {
|
|
Up_Animation(ui_Cloud, 100);
|
|
Up_Animation(ui_Pary_Cloud, 200);
|
|
Up_Animation(ui_Celsius, 300);
|
|
Up_Animation(ui_New_York, 400);
|
|
Up_Animation(ui_Weather_Icons, 300);
|
|
}
|
|
} |