/**
* 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);
}
static void create_tab2(lv_theme_t * th, lv_obj_t *parent)
{
lv_coord_t w = lv_page_get_scrl_width(parent);
lv_obj_t *chart = lv_chart_create(parent, NULL);
lv_obj_set_size(chart, w / 3, LV_VER_RES / 3);
lv_obj_set_pos(chart, LV_DPI / 10, LV_DPI / 10);
lv_chart_series_t * s1 = lv_chart_add_series(chart, LV_COLOR_RED);
lv_chart_set_next(chart, s1, 30);
lv_chart_set_next(chart, s1, 20);
lv_chart_set_next(chart, s1, 10);
lv_chart_set_next(chart, s1, 12);
lv_chart_set_next(chart, s1, 20);
lv_chart_set_next(chart, s1, 27);
lv_chart_set_next(chart, s1, 35);
lv_chart_set_next(chart, s1, 55);
lv_chart_set_next(chart, s1, 70);
lv_chart_set_next(chart, s1, 75);
lv_obj_t *gauge = lv_gauge_create(parent, NULL);
lv_gauge_set_value(gauge, 0, 40);
lv_obj_set_size(gauge, w / 4, w / 4);
lv_obj_align(gauge, chart, LV_ALIGN_OUT_BOTTOM_LEFT, 0, LV_DPI / 4);
lv_obj_t *ta = lv_ta_create(parent, NULL);
lv_obj_set_size(ta, w / 3, LV_VER_RES / 4);
lv_obj_align(ta, NULL, LV_ALIGN_IN_TOP_RIGHT, -LV_DPI / 10, LV_DPI / 10);
lv_ta_set_cursor_type(ta, LV_CURSOR_BLOCK);
lv_obj_t *kb = lv_kb_create(parent, NULL);
lv_obj_set_size(kb, 2 * w / 3, LV_VER_RES / 3);
lv_obj_align(kb, ta, LV_ALIGN_OUT_BOTTOM_RIGHT, 0, LV_DPI);
lv_kb_set_ta(kb, ta);
}
/**
* Periodically send the next chunk of the file
* @param app pointer to a Files application
*/
static void send_task(void * param)
{
lv_app_inst_t * app = param;
my_app_data_t * app_data = app->app_data;
if(app_data->send_in_prog == 0) return;
/*Read a chunk*/
uint32_t rn;
char rd_buf[LV_APP_FILES_CHUNK_MAX_SIZE];
fs_res_t res = fs_read(&app_data->file, rd_buf, app_data->chunk_size, &rn);
if(res == FS_RES_OK) {
app_data->send_in_prog = 1;
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, rd_buf, rn);
}
/*If the read failed close the file and show an error*/
if(res != FS_RES_OK) {
fs_close(&app_data->file);
app_data->send_in_prog = 0;
lv_app_notice_add("Can not send\nthe file in Files");
}
/*If the read was successful*/
else {
my_sc_data_t * sc_data = app->sc_data;
/*If the file is read close it a show a notification*/
if(rn < app_data->chunk_size) {
lv_app_notice_add("File sent");
fs_close(&app_data->file);
app_data->send_in_prog = 0;
/*Refresh the shortut*/
if(sc_data != NULL) {
lv_label_set_text(sc_data->label, fs_get_last(app_data->path));
lv_obj_align(sc_data->label, NULL, LV_ALIGN_CENTER, 0, 0);
}
}
/*If the file is not sent yet refresh the shortcut with percentage of sending*/
else {
if(sc_data != NULL) {
uint32_t size;
fs_size(&app_data->file, &size);
uint32_t pos;
fs_tell(&app_data->file, &pos);
uint8_t pct = (uint32_t) (pos * 100) / size;
char buf[256];
sprintf(buf, "Sending\n%d%%", pct);
lv_label_set_text(sc_data->label, buf);
lv_obj_align(sc_data->label, NULL, LV_ALIGN_CENTER, 0, 0);
}
}
}
}
/**
* Create message boxes to test their functionalities
*/
void lv_test_mbox_1(void)
{
/* Default object */
lv_obj_t *mbox1 = lv_mbox_create(lv_scr_act(), NULL);
lv_obj_set_pos(mbox1, 10, 10);
/*Add buttons and modify text*/
static const char * btns2[] = {"Ok", "Cancel", ""};
lv_obj_t *mbox2 = lv_mbox_create(lv_scr_act(), NULL);
lv_mbox_add_btns(mbox2, btns2, NULL);
lv_mbox_set_text(mbox2, "Message");
lv_obj_set_width(mbox2, LV_HOR_RES / 2);
lv_obj_align(mbox2, mbox1, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 10);
/*Add styles*/
static lv_style_t bg;
static lv_style_t btn_bg;
lv_style_copy(&bg, &lv_style_pretty);
lv_style_copy(&btn_bg, &lv_style_pretty);
bg.body.padding.hor = 20;
bg.body.padding.ver = 20;
bg.body.padding.inner = 20;
bg.body.main_color = LV_COLOR_BLACK;
bg.body.grad_color = LV_COLOR_MARRON;
bg.text.color = LV_COLOR_WHITE;
btn_bg.body.padding.hor = 10;
btn_bg.body.padding.ver = 5;
btn_bg.body.padding.inner = 40;
btn_bg.body.empty = 1;
btn_bg.body.border.color = LV_COLOR_WHITE;
btn_bg.text.color = LV_COLOR_WHITE;
static lv_style_t btn_rel;
lv_style_copy(&btn_rel, &lv_style_btn_rel);
btn_rel.body.empty = 1;
btn_rel.body.border.color = LV_COLOR_WHITE;
lv_obj_t *mbox3 = lv_mbox_create(lv_scr_act(), mbox2);
lv_mbox_set_style(mbox3, LV_MBOX_STYLE_BTN_REL, &btn_rel);
lv_mbox_set_style(mbox3, LV_MBOX_STYLE_BTN_BG, &btn_bg);
lv_mbox_set_style(mbox3, LV_MBOX_STYLE_BG, &bg);
lv_obj_align(mbox3, mbox1, LV_ALIGN_OUT_RIGHT_TOP, 10, 0);
lv_mbox_set_action(mbox3, mbox_action);
/*Copy with styles and set button width*/
lv_obj_t *mbox4 = lv_mbox_create(lv_scr_act(), mbox3);
lv_mbox_set_text(mbox4, "A quite long message text which is\n"
"manually broken into multiple lines");
static const char * btns3[] = {"Ok", "Cancel", "Third", ""};
lv_mbox_add_btns(mbox4, btns3, mbox_action);
lv_obj_align(mbox4, mbox3, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 10);
}
/**
* Signal function of the roller
* @param roller pointer to a roller object
* @param sign a signal type from lv_signal_t enum
* @param param pointer to a signal specific variable
* @return LV_RES_OK: the object is not deleted in the function; LV_RES_INV: the object is deleted
*/
static lv_res_t lv_roller_signal(lv_obj_t * roller, lv_signal_t sign, void * param)
{
lv_res_t res = LV_RES_OK;
/*Don't let the drop down list to handle the control signals. It works differently*/
if(sign != LV_SIGNAL_CONTROLL && sign != LV_SIGNAL_FOCUS && sign != LV_SIGNAL_DEFOCUS) {
/* Include the ancient signal function */
res = ancestor_signal(roller, sign, param);
if(res != LV_RES_OK) return res;
}
lv_roller_ext_t * ext = lv_obj_get_ext_attr(roller);
if(sign == LV_SIGNAL_STYLE_CHG) {
lv_obj_set_height(lv_page_get_scrl(roller),
lv_obj_get_height(ext->ddlist.label) + lv_obj_get_height(roller));
lv_obj_align(ext->ddlist.label, NULL, LV_ALIGN_CENTER, 0, 0);
lv_ddlist_set_selected(roller, ext->ddlist.sel_opt_id);
refr_position(roller, false);
} else if(sign == LV_SIGNAL_CORD_CHG) {
if(lv_obj_get_width(roller) != lv_area_get_width(param) ||
lv_obj_get_height(roller) != lv_area_get_height(param)) {
lv_ddlist_set_fix_height(roller, lv_obj_get_height(roller));
lv_obj_set_height(lv_page_get_scrl(roller),
lv_obj_get_height(ext->ddlist.label) + lv_obj_get_height(roller));
lv_obj_align(ext->ddlist.label, NULL, LV_ALIGN_CENTER, 0, 0);
lv_ddlist_set_selected(roller, ext->ddlist.sel_opt_id);
refr_position(roller, false);
}
} else if(sign == LV_SIGNAL_CONTROLL) {
char c = *((char*)param);
if(c == LV_GROUP_KEY_RIGHT || c == LV_GROUP_KEY_DOWN) {
if(ext->ddlist.sel_opt_id +1 < ext->ddlist.option_cnt) {
lv_roller_set_selected(roller, ext->ddlist.sel_opt_id + 1, true);
if(ext->ddlist.action != NULL) {
ext->ddlist.action(roller);
}
}
} else if(c == LV_GROUP_KEY_LEFT || c == LV_GROUP_KEY_UP) {
if(ext->ddlist.sel_opt_id > 0) {
lv_roller_set_selected(roller, ext->ddlist.sel_opt_id - 1, true);
if(ext->ddlist.action != NULL) {
ext->ddlist.action(roller);
}
}
}
}
return res;
}
static void create_tab3(lv_theme_t * th, lv_obj_t *parent)
{
lv_obj_t *win = lv_win_create(parent, NULL);
lv_win_add_btn(win, SYMBOL_CLOSE, lv_win_close_action);
lv_win_add_btn(win, SYMBOL_DOWN, NULL);
lv_obj_set_size(win, LV_HOR_RES / 2, LV_VER_RES / 2);
lv_obj_set_pos(win, LV_DPI / 20, LV_DPI / 20);
lv_obj_set_top(win, true);
lv_obj_t *label = lv_label_create(win, NULL);
lv_label_set_text(label, "Label in the window");
lv_obj_t *lmeter = lv_lmeter_create(win, NULL);
lv_obj_align(lmeter, label, LV_ALIGN_OUT_BOTTOM_LEFT, 0, LV_DPI / 2);
lv_lmeter_set_value(lmeter, 70);
lv_obj_t *led1 = lv_led_create(win, NULL);
lv_obj_align(led1, lmeter, LV_ALIGN_OUT_RIGHT_MID, LV_DPI / 2, 0);
lv_led_on(led1);
lv_obj_t *led2 = lv_led_create(win, NULL);
lv_obj_align(led2, led1, LV_ALIGN_OUT_RIGHT_MID, LV_DPI / 2, 0);
lv_led_off(led2);
lv_obj_t *page = lv_page_create(parent, NULL);
lv_obj_set_size(page, LV_HOR_RES / 3, LV_VER_RES / 2);
lv_obj_set_top(page, true);
lv_obj_align(page, win, LV_ALIGN_IN_TOP_RIGHT, LV_DPI, LV_DPI);
label = lv_label_create(page, NULL);
lv_label_set_text(label, "Lorem ipsum dolor sit amet, repudiare voluptatibus pri cu.\n"
"Ei mundi pertinax posidonium eum, cum tempor maiorum at,\n"
"mea fuisset assentior ad. Usu cu suas civibus iudicabit.\n"
"Eum eu congue tempor facilisi. Tale hinc unum te vim.\n"
"Te cum populo animal eruditi, labitur inciderint at nec.\n\n"
"Eius corpora et quo. Everti voluptaria instructior est id,\n"
"vel in falli primis. Mea ei porro essent admodum,\n"
"his ei malis quodsi, te quis aeterno his.\n"
"Qui tritani recusabo reprehendunt ne,\n"
"per duis explicari at. Simul mediocritatem mei et.");
//lv_label_set_long_mode(label, LV_LABEL_LONG_BREAK);
//lv_obj_set_width(label, lv_page_get_scrl_width(page));
lv_page_set_scrl_fit(page, true, true);
static const char * mbox_btn_map[] = {"\211", "\222Got it!", "\211", ""};
lv_obj_t *mbox = lv_mbox_create(parent, NULL);
lv_mbox_set_text(mbox, "Click on the window or the page to bring it to the foreground");
lv_mbox_add_btns(mbox, mbox_btn_map, NULL);
lv_obj_set_top(mbox, true);
}
/**
* 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 images from variable and file
*/
void lv_tutorial_image(void)
{
/*************************
* IMAGE FROM SOURCE CODE
*************************/
lv_obj_t *img_src = lv_img_create(lv_scr_act(), NULL); /*Crate an image object*/
lv_img_set_src(img_src, &red_flower); /*Set the created file as image (a red fl ower)*/
lv_obj_set_pos(img_src, 10, 10); /*Set the positions*/
lv_obj_set_drag(img_src, true);
#if PC_FILES && USE_LV_FILESYSTEM
/**************************
* IMAGE FROM BINARY FILE
**************************/
/* Add a simple drive to open images from PC*/
lv_fs_drv_t pcfs_drv; /*A driver descriptor*/
memset(&pcfs_drv, 0, sizeof(lv_fs_drv_t)); /*Initialization*/
pcfs_drv.file_size = sizeof(pc_file_t); /*Set up fields...*/
pcfs_drv.letter = 'P';
pcfs_drv.open = pcfs_open;
pcfs_drv.close = pcfs_close;
pcfs_drv.read = pcfs_read;
pcfs_drv.seek = pcfs_seek;
pcfs_drv.tell = pcfs_tell;
lv_fs_add_drv(&pcfs_drv);
lv_obj_t *img_bin = lv_img_create(lv_scr_act(), NULL); /*Create an image object*/
/* Set the image's file according to the current color depth
* a blue flower picture*/
#if LV_COLOR_DEPTH == 8
lv_img_set_src(img_bin, "P:/lv_examples/lv_tutorial/6_images/blue_flower_8.bin");
#elif LV_COLOR_DEPTH == 16
lv_img_set_src(img_bin, "P:/lv_examples/lv_tutorial/6_images/blue_flower_16.bin");
#elif LV_COLOR_DEPTH == 24
lv_img_set_src(img_bin, "P:/lv_examples/lv_tutorial/6_images/blue_flower_24.bin");
#endif
lv_obj_align(img_bin, img_src, LV_ALIGN_OUT_RIGHT_TOP, 20, 0); /*Align next to the source image*/
lv_obj_set_drag(img_bin, true);
#endif
lv_obj_t * img_symbol = lv_img_create(lv_scr_act(), NULL);
lv_img_set_src(img_symbol, SYMBOL_OK);
lv_obj_set_drag(img_symbol, true);
lv_obj_align(img_symbol, img_src, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 20); /*Align next to the source image*/
}
static void list_create(lv_obj_t *parent)
{
lv_page_set_style(parent, LV_PAGE_STYLE_BG, &lv_style_transp_fit);
lv_page_set_style(parent, LV_PAGE_STYLE_SCRL, &lv_style_transp_fit);
lv_page_set_scrl_fit(parent, false, false);
lv_page_set_scrl_height(parent, lv_obj_get_height(parent));
lv_page_set_sb_mode(parent, LV_SB_MODE_OFF);
/*Create styles for the buttons*/
static lv_style_t style_btn_rel;
static lv_style_t style_btn_pr;
lv_style_copy(&style_btn_rel, &lv_style_btn_rel);
style_btn_rel.body.main_color = LV_COLOR_HEX3(0x333);
style_btn_rel.body.grad_color = LV_COLOR_BLACK;
style_btn_rel.body.border.color = LV_COLOR_SILVER;
style_btn_rel.body.border.width = 1;
style_btn_rel.body.border.opa = LV_OPA_50;
style_btn_rel.body.radius = 0;
lv_style_copy(&style_btn_pr, &style_btn_rel);
style_btn_pr.body.main_color = LV_COLOR_MAKE(0x55, 0x96, 0xd8);
style_btn_pr.body.grad_color = LV_COLOR_MAKE(0x37, 0x62, 0x90);
style_btn_pr.text.color = LV_COLOR_MAKE(0xbb, 0xd5, 0xf1);
lv_obj_t *list = lv_list_create(parent, NULL);
lv_obj_set_height(list, 2 * lv_obj_get_height(parent) / 3);
lv_list_set_style(list, LV_LIST_STYLE_BG, &lv_style_transp_tight);
lv_list_set_style(list, LV_LIST_STYLE_SCRL, &lv_style_transp_tight);
lv_list_set_style(list, LV_LIST_STYLE_BTN_REL, &style_btn_rel);
lv_list_set_style(list, LV_LIST_STYLE_BTN_PR, &style_btn_pr);
lv_obj_align(list, NULL, LV_ALIGN_IN_TOP_MID, 0, LV_DPI / 4);
lv_list_add(list, SYMBOL_FILE, "New", list_btn_action);
lv_list_add(list, SYMBOL_DIRECTORY, "Open", list_btn_action);
lv_list_add(list, SYMBOL_TRASH, "Delete", list_btn_action);
lv_list_add(list, SYMBOL_EDIT, "Edit", list_btn_action);
lv_list_add(list, SYMBOL_SAVE, "Save", list_btn_action);
lv_list_add(list, SYMBOL_WIFI, "WiFi", list_btn_action);
lv_list_add(list, SYMBOL_GPS, "GPS", list_btn_action);
lv_obj_t *mbox= lv_mbox_create(parent, NULL);
lv_mbox_set_text(mbox, "Click a button to copy its text to the Text area ");
lv_obj_set_width(mbox, LV_HOR_RES - LV_DPI);
static const char * mbox_btns[] = {"Got it", ""};
lv_mbox_add_btns(mbox, mbox_btns, NULL); /*The default action is close*/
lv_obj_align(mbox, parent, LV_ALIGN_IN_TOP_MID, 0, LV_DPI / 2);
}
/**
* Open a shortcut for an application
* @param app pointer to an application
* @param sc pointer to an object where the application
* can create content of the shortcut
*/
static void my_sc_open(lv_app_inst_t * app, lv_obj_t * sc)
{
my_sc_data_t * sc_data = app->sc_data;
sc_data->label = lv_label_create(sc, NULL);
lv_label_set_text(sc_data->label, "Empty");
lv_obj_align(sc_data->label, NULL, LV_ALIGN_CENTER, 0, 0);
}
/**
* Open a shortcut for an application
* @param app pointer to an application
* @param sc pointer to an object where the application
* can create content of the shortcut
*/
static void my_sc_open(lv_app_inst_t * app, lv_obj_t * sc)
{
my_sc_data_t * sc_data = app->sc_data;
my_app_data_t * app_data = app->app_data;
sc_data->label = lv_label_create(sc, NULL);
lv_obj_set_style(sc_data->label, &style_sc_label);
lv_label_set_text(sc_data->label, fs_get_last(app_data->path));
lv_obj_align(sc_data->label, NULL, LV_ALIGN_CENTER, 0, 0);
}
/**
* Read the data have been sent to this application
* @param app_send pointer to an application which sent the message
* @param app_rec pointer to an application which is receiving the message
* @param type type of data from 'lv_app_com_type_t' enum
* @param data pointer to the sent data
* @param size length of 'data' in bytes
*/
static void my_com_rec(lv_app_inst_t * app_send, lv_app_inst_t * app_rec,
lv_app_com_type_t type , const void * data, uint32_t size)
{
if(type == LV_APP_COM_TYPE_CHAR) { /*data: string*/
my_sc_data_t * sc_data = app_rec->sc_data;
if (sc_data->label != NULL) {
lv_label_set_text_array(sc_data->label, data, size);
lv_obj_align(sc_data->label , NULL,LV_ALIGN_CENTER, 0, 0);
}
}
}
/**
* Create windows to test their functionalities
*/
void lv_test_win_1(void)
{
lv_obj_t *win1 = lv_win_create(lv_scr_act(), NULL);
lv_obj_set_size(win1, LV_HOR_RES / 2 - LV_DPI / 20, LV_VER_RES / 2 - LV_DPI / 20);
lv_obj_t *win2 = lv_win_create(lv_scr_act(), win1);
lv_obj_align(win2, NULL, LV_ALIGN_IN_TOP_RIGHT, 0, 0);
lv_win_set_title(win2, "Random title");
lv_win_add_btn(win2, SYMBOL_CLOSE, NULL);
lv_win_add_btn(win2, SYMBOL_OK, NULL);
lv_win_add_btn(win2, SYMBOL_EDIT, NULL);
lv_obj_t *label = lv_label_create(win2, NULL);
lv_obj_set_pos(label, 10, 10);
lv_label_set_text(label, "Long\n\n\ntext\n\n\nto\n\n\nsee\n\n\nthe\n\n\nscrollbars");
static lv_style_t header;
lv_style_copy(&header, &lv_style_plain);
header.body.main_color = LV_COLOR_RED;
header.body.grad_color = LV_COLOR_MARRON;
header.body.padding.inner = 0;
header.text.color = LV_COLOR_WHITE;
lv_obj_t *win3 = lv_win_create(lv_scr_act(), win2);
lv_obj_align(win3, NULL, LV_ALIGN_IN_BOTTOM_LEFT, 0, 0);
lv_win_set_style(win3, LV_WIN_STYLE_HEADER, &header);
lv_win_set_style(win3, LV_WIN_STYLE_BTN_REL, &lv_style_transp);
lv_win_set_style(win3, LV_WIN_STYLE_CONTENT_BG, &lv_style_plain_color);
lv_win_set_style(win3, LV_WIN_STYLE_CONTENT_SCRL, &lv_style_plain);
lv_win_set_style(win3, LV_WIN_STYLE_BG, &lv_style_plain_color);
lv_win_set_btn_size(win3, LV_DPI / 3);
label = lv_label_create(win3, NULL);
lv_obj_set_pos(label, 10, 10);
lv_label_set_text(label, "Styled window\n\nThe content background has\ndifferent color");
lv_obj_t *win4 = lv_win_create(lv_scr_act(), win3);
lv_obj_align(win4, NULL, LV_ALIGN_IN_BOTTOM_RIGHT, 0, 0);
}
static void ssd1306_task(void *pvParameters)
{
printf("%s: Started user interface task\n", __FUNCTION__);
vTaskDelay(SECOND);
ssd1306_set_whole_display_lighting(&dev, false);
//Set a style for the obj
lv_style_copy(&style, &lv_style_transp);
style.text.font = &lv_font_dejavu_10; /*Unicode and symbol fonts already assigned by the library*/
style.text.color.full = 1;
style.text.opa = 255;
style.body.main_color.full = 0;
style.body.grad_color.full = 0;
style.body.shadow.color.full = 0;
style.body.border.color.full = 0;
style.body.empty = 1;
style.image.color.full = 1;
style.image.intense = 255;
style.image.opa = 255;
style.line.color.full = 1;
style.line.opa = 255;
style.line.width = 1;
style.line.rounded = false;
//Create main screen obj
lv_obj_t * scr = lv_obj_create(NULL, NULL);
lv_scr_load(scr);
lv_obj_set_style(scr, &style);
//Create a simple label
label = lv_label_create(lv_scr_act(), NULL);
lv_obj_set_style(label, &style);
lv_obj_align(label, lv_scr_act(), LV_ALIGN_IN_TOP_LEFT, 0, 0);
lv_label_set_long_mode(label, LV_LABEL_LONG_BREAK);
lv_label_set_align(label, LV_LABEL_ALIGN_CENTER);
lv_label_set_text(label, "lvgl work with esp-open-rtos");
lv_obj_set_width(label, LV_HOR_RES);
while (1) {
/*draw system call */
lv_task_handler();
vTaskDelay(1);
}
}
/**
* Called when the Driver list element is released to step into a driver
* @param drv pointer to the Driver button
* @param dispi pointer to the caller display input
* @return LV_ACTION_RES_INV because the list is deleted in the function
*/
static lv_action_res_t win_drv_action(lv_obj_t * drv, lv_dispi_t * dispi)
{
lv_app_inst_t * app = lv_obj_get_free_p(drv);
my_app_data_t * app_data = app->app_data;
sprintf(app_data->path, "%s:", lv_list_get_element_text(drv));
app_data->file_cnt = 0;
lv_win_set_title(app->win, app_data->path);
my_sc_data_t * sc_data = app->sc_data;
if(sc_data != NULL) {
lv_label_set_text(sc_data->label, fs_get_last(app_data->path));
lv_obj_align(sc_data->label, NULL, LV_ALIGN_CENTER, 0, 0);
}
win_load_file_list(app);
return LV_ACTION_RES_INV;
}
static lv_res_t keyboard_open_close(lv_obj_t * text_area)
{
lv_obj_t * parent = lv_obj_get_parent(lv_obj_get_parent(ta)); /*Test area is on the scrollabe part of the page but we need the page itself*/
if(kb) {
return keyboard_hide_action(kb);
} else {
kb = lv_kb_create(parent, NULL);
lv_obj_set_size(kb, lv_page_get_scrl_width(parent), lv_obj_get_height(parent) / 2);
lv_obj_align(kb, ta, LV_ALIGN_OUT_BOTTOM_MID, 0, 0);
lv_kb_set_ta(kb, ta);
lv_kb_set_style(kb, LV_KB_STYLE_BG, &style_kb);
lv_kb_set_style(kb, LV_KB_STYLE_BTN_REL, &style_kb_rel);
lv_kb_set_style(kb, LV_KB_STYLE_BTN_PR, &style_kb_pr);
lv_kb_set_hide_action(kb, keyboard_hide_action);
lv_kb_set_ok_action(kb, keyboard_hide_action);
#if USE_LV_ANIMATION
lv_obj_animate(kb, LV_ANIM_FLOAT_BOTTOM | LV_ANIM_IN, 300, 0, NULL);
#endif
return LV_RES_OK;
}
}
static void chart_create(lv_obj_t *parent)
{
lv_page_set_style(parent, LV_PAGE_STYLE_BG, &lv_style_transp_fit);
lv_page_set_style(parent, LV_PAGE_STYLE_SCRL, &lv_style_transp_fit);
lv_page_set_scrl_fit(parent, false, false);
lv_page_set_scrl_height(parent, lv_obj_get_height(parent));
lv_page_set_sb_mode(parent, LV_SB_MODE_OFF);
static lv_style_t style_chart;
lv_style_copy(&style_chart, &lv_style_pretty);
style_chart.body.opa = LV_OPA_60;
style_chart.body.radius = 0;
style_chart.line.color = LV_COLOR_GRAY;
chart = lv_chart_create(parent, NULL);
lv_obj_set_size(chart, 2 * lv_obj_get_width(parent) / 3, lv_obj_get_height(parent) / 2);
lv_obj_align(chart, NULL, LV_ALIGN_IN_TOP_MID, 0, LV_DPI / 4);
lv_chart_set_type(chart, LV_CHART_TYPE_COLUMN);
lv_chart_set_style(chart, &style_chart);
lv_chart_set_series_opa(chart, LV_OPA_70);
lv_chart_series_t *ser1;
ser1 = lv_chart_add_series(chart, LV_COLOR_RED);
lv_chart_set_next(chart, ser1, 40);
lv_chart_set_next(chart, ser1, 30);
lv_chart_set_next(chart, ser1, 47);
lv_chart_set_next(chart, ser1, 59);
lv_chart_set_next(chart, ser1, 59);
lv_chart_set_next(chart, ser1, 31);
lv_chart_set_next(chart, ser1, 55);
lv_chart_set_next(chart, ser1, 70);
lv_chart_set_next(chart, ser1, 82);
/*Create a bar, an indicator and a knob style*/
static lv_style_t style_bar;
static lv_style_t style_indic;
static lv_style_t style_knob;
lv_style_copy(&style_bar, &lv_style_pretty);
style_bar.body.main_color = LV_COLOR_BLACK;
style_bar.body.grad_color = LV_COLOR_GRAY;
style_bar.body.radius = LV_RADIUS_CIRCLE;
style_bar.body.border.color = LV_COLOR_WHITE;
style_bar.body.opa = LV_OPA_60;
style_bar.body.padding.hor = 0;
style_bar.body.padding.ver = LV_DPI / 10;
lv_style_copy(&style_indic, &lv_style_pretty);
style_indic.body.grad_color = LV_COLOR_MARRON;
style_indic.body.main_color = LV_COLOR_RED;
style_indic.body.radius = LV_RADIUS_CIRCLE;
style_indic.body.shadow.width = LV_DPI / 10;
style_indic.body.shadow.color = LV_COLOR_RED;
style_indic.body.padding.hor = LV_DPI / 30;
style_indic.body.padding.ver = LV_DPI / 30;
lv_style_copy(&style_knob, &lv_style_pretty);
style_knob.body.radius = LV_RADIUS_CIRCLE;
style_knob.body.opa = LV_OPA_70;
/*Create a second slider*/
lv_obj_t *slider = lv_slider_create(parent, NULL);
lv_slider_set_style(slider, LV_SLIDER_STYLE_BG, &style_bar);
lv_slider_set_style(slider, LV_SLIDER_STYLE_INDIC, &style_indic);
lv_slider_set_style(slider, LV_SLIDER_STYLE_KNOB, &style_knob);
lv_obj_set_size(slider, lv_obj_get_width(chart), LV_DPI / 3);
lv_obj_align(slider, chart, LV_ALIGN_OUT_BOTTOM_MID, 0, (LV_VER_RES - chart->coords.y2 - lv_obj_get_height(slider)) / 2); /*Align to below the chart*/
lv_slider_set_action(slider, slider_action);
lv_slider_set_range(slider, 10, 1000);
lv_slider_set_value(slider, 700);
slider_action(slider); /*Simulate a user value set the refresh the chart*/
}
/**
* Start the sending of a file
* @param app pointer to a Files application
* @param path path of the file to send
*/
static void start_send(lv_app_inst_t * app, const char * path)
{
my_app_data_t * app_data = app->app_data;
/*Open the file*/
fs_res_t res = fs_open(&app_data->file, path, FS_MODE_RD);
if(res == FS_RES_OK) {
app_data->send_in_prog = 1;
/*Send the header*/
if(app_data->send_fn != 0) {
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, app_data->path, strlen(app_data->path));
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, "/", 1);
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, app_data->fn, strlen(app_data->fn));
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, "\n", 1);
}
if(app_data->send_size != 0) {
char buf[64];
uint32_t size;
fs_size(&app_data->file, &size);
sprintf(buf,"%d", (int) size);
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, buf, strlen(buf));
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, "\n", 1);
}
if(app_data->send_crc != 0) {
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, "0x0000", 6);
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, "\n", 1);
}
/*Add an extra \n to separate the header from the file data*/
if(app_data->send_fn != 0 || app_data->send_size != 0 || app_data->send_crc != 0) {
lv_app_com_send(app, LV_APP_COM_TYPE_CHAR, "\n", 1);
}
}
/*If an error occurred close the file*/
if(res != FS_RES_OK) {
fs_close(&app_data->file);
ptask_set_prio(app_data->send_task, PTASK_PRIO_OFF);
app_data->send_in_prog = 0;
lv_app_notice_add("Can not send\nthe file in Files");
}
/*If no error show notification, start the sender task and refresh the shortcut*/
else {
/*Start the sender task*/
ptask_set_period(app_data->send_task, app_data->chunk_delay);
ptask_reset(app_data->send_task);
ptask_set_prio(app_data->send_task, PTASK_PRIO_HIGH);
lv_app_notice_add("Sending\n%s", fs_get_last(path));
/*Refresh the shortcut with the percentage of the sending*/
if(app->sc_data != NULL) {
my_sc_data_t * sc_data = app->sc_data;
uint32_t size;
fs_size(&app_data->file, &size);
uint32_t pos;
fs_tell(&app_data->file, &pos);
int pct = (uint32_t) (pos * 100) / size;
char buf[256];
sprintf(buf, "Sending\n%d%%", pct);
lv_label_set_text(sc_data->label, buf);
lv_obj_align(sc_data->label, NULL, LV_ALIGN_CENTER, 0, 0);
}
}
}
/**
* Create tab views to test their functionalities
*/
void lv_test_tabview_1(void)
{
/* Default object. It will be an empty tab view*/
lv_obj_t *tv1 = lv_tabview_create(lv_scr_act(), NULL);
lv_tabview_add_tab(tv1, "First");
lv_tabview_add_tab(tv1, "Second");
lv_obj_set_size(tv1, LV_HOR_RES / 2 - 10, LV_VER_RES / 2 - 10);
/*Copy the first tabview and add some texts*/
lv_obj_t *tv2 = lv_tabview_create(lv_scr_act(), tv1);
lv_obj_align(tv2, NULL, LV_ALIGN_IN_TOP_RIGHT, 0, 0);
lv_obj_t *tab = lv_tabview_get_tab(tv2, 0);
lv_obj_t *label = lv_label_create(tab, NULL);
lv_label_set_text(label, "This is\n\n\nA long text\n\n\ntext\n\n\non the\n\n\nsecond\n\n\ntab\n\n\nto see\n\n\nthe scrolling");
tab = lv_tabview_get_tab(tv2, 1);
label = lv_label_create(tab, NULL);
lv_label_set_text(label, "This is the second tab");
/*Create styles*/
static lv_style_t bg;
static lv_style_t sb;
static lv_style_t btns_bg;
static lv_style_t tab_bg;
static lv_style_t rel;
static lv_style_t pr;
static lv_style_t tgl_rel;
static lv_style_t tgl_pr;
static lv_style_t indic;
lv_style_copy(&btns_bg, &lv_style_plain_color);
lv_style_copy(&tab_bg, &lv_style_pretty_color);
lv_style_copy(&bg, &lv_style_pretty_color);
lv_style_copy(&sb, &lv_style_pretty);
lv_style_copy(&btns_bg, &lv_style_transp_fit);
lv_style_copy(&rel, &lv_style_plain);
lv_style_copy(&pr, &lv_style_plain);
lv_style_copy(&tgl_rel, &lv_style_plain);
lv_style_copy(&tgl_pr, &lv_style_plain);
lv_style_copy(&indic, &lv_style_plain);
rel.body.main_color = LV_COLOR_SILVER;
pr.body.main_color = LV_COLOR_GRAY;
tgl_rel.body.main_color = LV_COLOR_RED;
tgl_pr.body.main_color = LV_COLOR_MARRON;
indic.body.main_color = LV_COLOR_ORANGE;
indic.body.grad_color = LV_COLOR_ORANGE;
indic.body.padding.inner = LV_DPI / 16;
tab_bg.body.main_color = LV_COLOR_SILVER;
tab_bg.body.grad_color = LV_COLOR_GREEN;
tab_bg.text.color = LV_COLOR_YELLOW;
/*Apply the styles*/
lv_obj_t *tv3 = lv_tabview_create(lv_scr_act(), tv2);
lv_obj_align(tv3, NULL, LV_ALIGN_IN_BOTTOM_LEFT, 0, 0);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_BG, &bg);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_BTN_BG, &btns_bg);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_BTN_REL, &rel);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_BTN_PR, &pr);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_BTN_TGL_REL, &tgl_rel);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_BTN_TGL_PR, &tgl_pr);
lv_tabview_set_style(tv3, LV_TABVIEW_STYLE_INDIC, &indic);
tab = lv_tabview_get_tab(tv3, 0);
lv_page_set_style(tab, LV_PAGE_STYLE_BG, &tab_bg);
lv_page_set_style(tab, LV_PAGE_STYLE_SB, &sb);
label = lv_label_create(tab, NULL);
lv_label_set_text(label, "This is\n\n\nA long text\n\n\ntext\n\n\non the\n\n\nsecond\n\n\ntab\n\n\nto see\n\n\nthe scrolling");
tab = lv_tabview_get_tab(tv3, 1);
label = lv_label_create(tab, NULL);
lv_label_set_text(label, "This is the second tab");
/*Copy the styles tab view*/
lv_obj_t *tv4 = lv_tabview_create(lv_scr_act(), tv3);
lv_obj_align(tv4, NULL, LV_ALIGN_IN_BOTTOM_RIGHT, 0, 0);
}
/**
* 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);
}
