/**
* Create lists to test their functionalities
*/
void lv_test_list_1(void)
{
/* Default object. It will be an empty list*/
list1 = lv_list_create(lv_scr_act(), NULL);
lv_obj_set_pos(list1, 10, 10);
list2 = lv_list_create(lv_scr_act(), NULL);
lv_obj_align(list2, list1, LV_ALIGN_OUT_RIGHT_TOP, 20, 0);
lv_list_add(list2, SYMBOL_FILE, "File", NULL);
lv_list_add(list2, SYMBOL_DIRECTORY, "Directory", NULL);
lv_list_add(list2, &img_flower_icon, "Image icon", NULL);
lv_obj_set_width(list2, 100);
list3 = lv_list_create(lv_scr_act(), list2);
lv_obj_align(list3, list2, LV_ALIGN_OUT_RIGHT_TOP, 20, 0);
lv_list_add(list3, NULL, "No icon", NULL);
lv_list_add(list3, SYMBOL_CLOSE, "", NULL);
lv_list_add(list3, SYMBOL_UP, "Up", NULL);
lv_list_add(list3, SYMBOL_DOWN, "Down", NULL);
static lv_style_t sb;
static lv_style_t bg;
lv_style_copy(&sb, &lv_style_pretty_color);
lv_style_copy(&bg, &lv_style_pretty_color);
sb.body.padding.hor = -10;
sb.body.padding.inner = 10;
bg.body.padding.hor = 20;
list4 = lv_list_create(lv_scr_act(), list3);
lv_list_set_style(list4, LV_LIST_STYLE_BG, &bg);
lv_list_set_style(list4, LV_LIST_STYLE_SB, &sb);
lv_obj_align(list4, list3, LV_ALIGN_OUT_RIGHT_TOP, 20, 0);
lv_obj_set_width(list4, 200);
/*Add list up/down buttons*/
lv_obj_t *btn_up = lv_btn_create(lv_scr_act(), NULL);
lv_obj_align(btn_up, list1, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 10);
lv_btn_set_action(btn_up, LV_BTN_ACTION_CLICK, list_move);
lv_obj_set_free_num(btn_up, 0);
lv_obj_t *label = lv_label_create(btn_up, NULL);
lv_label_set_text(label, SYMBOL_UP);
lv_obj_t *btn_down = lv_btn_create(lv_scr_act(), btn_up);
lv_obj_align(btn_down, btn_up, LV_ALIGN_OUT_RIGHT_MID, 10, 0);
lv_obj_set_free_num(btn_down, 1);
label = lv_label_create(btn_down, NULL);
lv_label_set_text(label, SYMBOL_DOWN);
}
/**
* Create object to see how they change from the anti aliasing
* Modify LV_ANTIALIAS and LV_FONT_ANTIALIAS to see what is changing
*/
void lv_tutorial_antialiasing(void)
{
lv_obj_t *label;
static lv_style_t style1;
lv_style_copy(&style1, &lv_style_btn_rel);
style1.body.radius = 20;
style1.body.border.width = 8;
lv_obj_t *btn1;
btn1 = lv_btn_create(lv_scr_act(), NULL);
lv_obj_set_pos(btn1, 10, 10);
lv_obj_set_size(btn1, 160, 80);
lv_btn_set_style(btn1, LV_BTN_STYLE_REL, &style1);
label = lv_label_create(btn1, NULL);
lv_label_set_text(label, "Button");
lv_img_create_file("red_flower", img_red_flower); /*Create a file in the RAM FS*/
/*Crate an image which is NOT automatically upscaled to compensate the anti aliasing*/
lv_obj_t *img_normal = lv_img_create(lv_scr_act(), NULL);
lv_img_set_file(img_normal, "U:/red_flower");
lv_img_set_upscale(img_normal, false);
lv_obj_align(img_normal, btn1, LV_ALIGN_OUT_RIGHT_TOP, 10, 0);
/*Crate an image which is automatically upscaled to compensate the anti aliasing*/
lv_obj_t *img_scaled = lv_img_create(lv_scr_act(), img_normal); /*Crate an image object*/
lv_img_set_upscale(img_scaled, true);
lv_obj_align(img_scaled, img_normal, LV_ALIGN_OUT_RIGHT_TOP, 10, 0);
}
/**
* Open a terminal
* @return pointer to the terminal window
*/
lv_obj_t * terminal_create(void)
{
static lv_style_t style_bg;
lv_style_copy(&style_bg, &lv_style_pretty);
style_bg.body.main_color = LV_COLOR_MAKE(0x30, 0x30, 0x30);
style_bg.body.grad_color = LV_COLOR_MAKE(0x30, 0x30, 0x30);
style_bg.body.border.color = LV_COLOR_WHITE;
style_bg.text.color = LV_COLOR_MAKE(0xE0, 0xE0, 0xE0);
win = lv_win_create(lv_scr_act(), NULL);
lv_win_set_style(win, LV_WIN_STYLE_BG, &style_bg);
lv_obj_set_size(win, TERMINAL_WIDTH, TERMINAL_HEIGHT);
lv_win_set_sb_mode(win, LV_SB_MODE_AUTO);
lv_win_add_btn(win, SYMBOL_CLOSE, win_close_action);
/*Make the window's content responsive*/
lv_win_set_layout(win, LV_LAYOUT_PRETTY);
/*Create a label for the text of the terminal*/
label = lv_label_create(win, NULL);
lv_label_set_long_mode(label, LV_LABEL_LONG_BREAK);
lv_obj_set_width(label, lv_win_get_width(win));
lv_label_set_static_text(label, txt_log); /*Use the text array directly*/
/*Create a clear button*/
clr_btn = lv_btn_create(win, NULL);
lv_cont_set_fit(clr_btn, true, true);
lv_btn_set_action(clr_btn, LV_BTN_ACTION_CLICK, clr_click_action);
lv_obj_t * btn_label = lv_label_create(clr_btn, NULL);
lv_label_set_text(btn_label, "Clear");
return win;
}
/**********************
* STATIC FUNCTIONS
**********************/
static void create_tab1(lv_theme_t * th, lv_obj_t *parent)
{
lv_page_set_scrl_layout(parent, LV_LAYOUT_PRETTY);
static lv_style_t h_style;
lv_style_copy(&h_style, &lv_style_transp);
h_style.body.padding.inner = LV_DPI / 4;
h_style.body.padding.hor = LV_DPI / 4;
h_style.body.padding.ver = LV_DPI / 6;
lv_obj_t *h = lv_cont_create(parent, NULL);
lv_obj_set_style(h, &h_style);
lv_obj_set_click(h, false);
lv_cont_set_fit(h, true, true);
lv_cont_set_layout(h, LV_LAYOUT_COL_M);
lv_obj_t *btn = lv_btn_create(h, NULL);
lv_btn_set_style(btn, LV_BTN_STYLE_REL, th->btn.rel);
lv_btn_set_style(btn, LV_BTN_STYLE_PR, th->btn.pr);
lv_btn_set_style(btn, LV_BTN_STYLE_TGL_REL, th->btn.tgl_rel);
lv_btn_set_style(btn, LV_BTN_STYLE_TGL_PR, th->btn.tgl_pr);
lv_btn_set_style(btn, LV_BTN_STYLE_INA, th->btn.ina);
lv_btn_set_fit(btn, true, true);
lv_btn_set_toggle(btn, true);
lv_obj_t *btn_label = lv_label_create(btn, NULL);
lv_label_set_text(btn_label, "Button");
btn = lv_btn_create(h, btn);
lv_btn_toggle(btn);
btn_label = lv_label_create(btn, NULL);
lv_label_set_text(btn_label, "Toggled");
btn = lv_btn_create(h, btn);
lv_btn_set_state(btn, LV_BTN_STATE_INA);
btn_label = lv_label_create(btn, NULL);
lv_label_set_text(btn_label, "Inactive");
lv_obj_t *label = lv_label_create(h, NULL);
lv_label_set_text(label, "Primary");
lv_obj_set_style(label, th->label.prim);
label = lv_label_create(h, NULL);
lv_label_set_text(label, "Secondary");
lv_obj_set_style(label, th->label.sec);
label = lv_label_create(h, NULL);
lv_label_set_text(label, "Hint");
lv_obj_set_style(label, th->label.hint);
static const char *btnm_str[] = {"1", "2", "3", SYMBOL_OK, SYMBOL_CLOSE, ""};
lv_obj_t *btnm = lv_btnm_create(h, NULL);
lv_obj_set_size(btnm,LV_HOR_RES / 4, 2 * LV_DPI / 3);
lv_btnm_set_map(btnm, btnm_str);
lv_btnm_set_toggle(btnm, true, 3);
h = lv_cont_create(parent, h);
lv_obj_t *sw_h = lv_cont_create(h, NULL);
lv_cont_set_style(sw_h, &lv_style_transp);
lv_cont_set_fit(sw_h, false, true);
lv_obj_set_width(sw_h, LV_HOR_RES / 4);
lv_cont_set_layout(sw_h, LV_LAYOUT_PRETTY);
lv_obj_t *sw = lv_sw_create(sw_h, NULL);
sw = lv_sw_create(sw_h, sw);
lv_sw_on(sw);
lv_obj_t *bar = lv_bar_create(h, NULL);
lv_bar_set_value(bar, 70);
lv_obj_t *slider = lv_slider_create(h, NULL);
lv_bar_set_value(slider, 70);
lv_obj_t *line = lv_line_create(h, NULL);
static const lv_point_t line_p[] = {{0,0},{LV_HOR_RES / 5, 0}};
lv_line_set_points(line, line_p, 2);
lv_line_set_style(line, th->line.decor);
lv_obj_t *ta = lv_ta_create(h, NULL);
lv_obj_set_style(ta, th->ta.oneline);
lv_ta_set_text(ta, "Some text");
lv_ta_set_one_line(ta, true);
lv_obj_t *cb = lv_cb_create(h, NULL);
cb = lv_cb_create(h, cb);
lv_btn_set_state(cb, LV_BTN_STATE_TGL_REL);
lv_obj_t *ddlist = lv_ddlist_create(h, NULL);
lv_ddlist_open(ddlist, false);
lv_ddlist_set_selected(ddlist, 1);
h = lv_cont_create(parent, h);
lv_obj_t * list = lv_list_create(h, NULL);
lv_obj_t *list_btn;
list_btn = lv_list_add(list, SYMBOL_GPS, "GPS", NULL);
lv_obj_set_size(list, LV_HOR_RES / 4, LV_VER_RES / 2);
lv_btn_set_toggle(list_btn, true);
lv_list_add(list, SYMBOL_WIFI, "WiFi", NULL);
lv_list_add(list, SYMBOL_GPS, "GPS", NULL);
lv_list_add(list, SYMBOL_AUDIO, "Audio", NULL);
lv_list_add(list, SYMBOL_VIDEO, "Video", NULL);
lv_list_add(list, SYMBOL_CALL, "Call", NULL);
lv_list_add(list, SYMBOL_BELL, "Bell", NULL);
lv_list_add(list, SYMBOL_FILE, "File", NULL);
lv_list_add(list, SYMBOL_EDIT, "Edit", NULL);
lv_list_add(list, SYMBOL_CUT, "Cut", NULL);
lv_list_add(list, SYMBOL_COPY, "Copy", NULL);
lv_obj_t *roller = lv_roller_create(h, NULL);
lv_roller_set_options(roller, "Monday\nTuesday\nWednesday\nThursday\nFriday\nSaturday\nSunday");
lv_roller_set_selected(roller, 1, false);
lv_roller_set_visible_row_count(roller, 3);
}
/**
* Create buttons to test their functionalities
*/
void lv_test_btn_1(void)
{
/* Create a button which looks well */
lv_obj_t * btn1 = lv_btn_create(lv_scr_act(), NULL);
/* Create a default button manually set to toggled state*/
lv_obj_t * btn2 = lv_btn_create(lv_scr_act(), NULL);
lv_obj_align(btn2, btn1, LV_ALIGN_OUT_BOTTOM_MID, 0, 20);
lv_btn_set_state(btn2, LV_BTN_STATE_TGL_REL);
/* Create a button which can be toggled */
lv_obj_t * btn3 = lv_btn_create(lv_scr_act(), NULL);
lv_obj_align(btn3, btn2, LV_ALIGN_OUT_BOTTOM_MID, 0, 20);
lv_btn_set_toggle(btn3, true);
/* Test actions:
* Press: increase width, Release: decrease width, Long press: delete */
lv_obj_t * btn4 = lv_btn_create(lv_scr_act(), NULL);
lv_obj_align(btn4, btn1, LV_ALIGN_OUT_RIGHT_MID, 20, 0);
lv_btn_set_action(btn4, LV_BTN_ACTION_PR, width_inc);
lv_btn_set_action(btn4, LV_BTN_ACTION_CLICK, width_dec);
lv_btn_set_action(btn4, LV_BTN_ACTION_LONG_PR, lv_obj_del);
/* Test styles and copy. Same as 'btn4' but different styles */
static lv_style_t style_rel;
lv_style_copy(&style_rel, &lv_style_pretty);
style_rel.body.main_color = LV_COLOR_ORANGE;
style_rel.body.grad_color = LV_COLOR_BLACK;
style_rel.body.border.color = LV_COLOR_RED;
style_rel.body.shadow.color = LV_COLOR_MARRON;
style_rel.body.shadow.width = 10;
static lv_style_t style_pr;
lv_style_copy(&style_pr, &lv_style_pretty);
style_pr.body.empty = 1;
style_pr.body.border.color = LV_COLOR_RED;
style_pr.body.border.width = 4;
/*Skip 'tpr' because it will be let the same*/
static lv_style_t style_tpr;
lv_style_copy(&style_tpr, &lv_style_pretty);
style_tpr.body.empty = 1;
style_tpr.body.border.color = LV_COLOR_RED;
style_tpr.body.border.width = 4;
static lv_style_t style_ina;
lv_style_copy(&style_ina, &lv_style_pretty);
style_ina.body.main_color = LV_COLOR_SILVER;
style_ina.body.grad_color = LV_COLOR_GRAY;
style_ina.body.border.color = LV_COLOR_RED;
/*Create styled button*/
lv_obj_t * btn5 = lv_btn_create(lv_scr_act(), btn4);
lv_obj_align(btn5, btn4, LV_ALIGN_OUT_BOTTOM_MID, 0, 20);
lv_btn_set_style(btn5, LV_BTN_STYLE_REL, &style_rel);
lv_btn_set_style(btn5, LV_BTN_STYLE_PR, &style_pr);
lv_btn_set_style(btn5, LV_BTN_STYLE_TGL_PR, &style_tpr);
lv_btn_set_style(btn5, LV_BTN_STYLE_INA, &style_ina);
lv_btn_set_toggle(btn5, true);
/* Test style copy and inactive state*/
lv_obj_t * btn6 = lv_btn_create(lv_scr_act(), btn5);
lv_obj_align(btn6, btn5, LV_ALIGN_OUT_BOTTOM_MID, 0, 20);
lv_btn_set_state(btn6, LV_BTN_STATE_INA);
/*Test horizontal fit and default layout (CENTER)*/
lv_obj_t * btn7 = lv_btn_create(lv_scr_act(), NULL);
lv_btn_set_fit(btn7, true, false);
lv_obj_t *label = lv_label_create(btn7, NULL);
lv_label_set_text(label, "A quite long text");
label = lv_label_create(btn7, NULL);
lv_label_set_text(label, "Short text");
lv_obj_align(btn7, btn4, LV_ALIGN_OUT_RIGHT_TOP, 20, 0);
}
