/**************************************************************************** * apps/examples/lvgldemo/lv_test_theme_2.c * * Copyright (C) 2016 2016 Gábor Kiss-Vámosi. All rights reserved. * Author: Gábor Kiss-Vámosi * * Released under the following BSD-compatible MIT license: * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the “Software”), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or * sell copies of the Software, and to permit persons to whom * the Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY * KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE * AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * ****************************************************************************/ /**************************************************************************** * Included Files ****************************************************************************/ #include #include "lv_test_theme_2.h" #ifdef CONFIG_EXAMPLES_LVGLDEMO_THEME_2 /**************************************************************************** * Pre-processor Definitions ****************************************************************************/ /**************************************************************************** * Private Types ****************************************************************************/ /**************************************************************************** * Private Function Prototypes ****************************************************************************/ static void header_create(void); static void sb_create(void); static void content_create(void); static void theme_select_event_handler(lv_obj_t *roller, lv_event_t event); static void hue_select_event_cb(lv_obj_t *roller, lv_event_t event); static void init_all_themes(uint16_t hue); static void bar_set_value(lv_obj_t *bar, int16_t value); /**************************************************************************** * Private Data ****************************************************************************/ static lv_obj_t *header; static lv_obj_t *sb; static lv_obj_t *content; static lv_theme_t *th_act; static const char *th_options = { #if LV_USE_THEME_NIGHT "Night" #endif #if LV_USE_THEME_MATERIAL "\nMaterial" #endif #if LV_USE_THEME_ALIEN "\nAlien" #endif #if LV_USE_THEME_ZEN "\nZen" #endif #if LV_USE_THEME_NEMO "\nNemo" #endif #if LV_USE_THEME_MONO "\nMono" #endif #if LV_USE_THEME_DEFAULT "\nDefault" #endif "" }; static lv_theme_t *themes[8]; /**************************************************************************** * Public Data ****************************************************************************/ /**************************************************************************** * Private Functions ****************************************************************************/ /**************************************************************************** * Name: header_create * * Description: * Initialize the global header object, populating with various icons * * Input Parameters: * None * * Returned Value: * None * * Assumptions/Limitations: * ****************************************************************************/ static void header_create(void) { header = lv_cont_create(lv_disp_get_scr_act(NULL), NULL); lv_obj_set_width(header, lv_disp_get_hor_res(NULL)); lv_obj_t *sym = lv_label_create(header, NULL); lv_label_set_text(sym, LV_SYMBOL_GPS LV_SYMBOL_WIFI LV_SYMBOL_BLUETOOTH LV_SYMBOL_VOLUME_MAX); lv_obj_align(sym, NULL, LV_ALIGN_IN_RIGHT_MID, -LV_DPI / 10, 0); lv_obj_t *clock = lv_label_create(header, NULL); lv_label_set_text(clock, "14:21"); lv_obj_align(clock, NULL, LV_ALIGN_IN_LEFT_MID, LV_DPI / 10, 0); lv_cont_set_fit2(header, LV_FIT_NONE, LV_FIT_TIGHT); lv_obj_set_pos(header, 0, 0); } /**************************************************************************** * Name: sb_create * * Description: * Initialize the global sb (sidebar) object. * * Input Parameters: * None * * Returned Value: * None * * Assumptions/Limitations: * ****************************************************************************/ static void sb_create(void) { lv_coord_t hres = lv_disp_get_hor_res(NULL); lv_coord_t vres = lv_disp_get_ver_res(NULL); sb = lv_page_create(lv_disp_get_scr_act(NULL), NULL); lv_page_set_scrl_layout(sb, LV_LAYOUT_COL_M); lv_page_set_style(sb, LV_PAGE_STYLE_BG, &lv_style_transp_tight); lv_page_set_style(sb, LV_PAGE_STYLE_SCRL, &lv_style_transp); lv_obj_t *th_label = lv_label_create(sb, NULL); lv_label_set_text(th_label, "Theme"); lv_obj_t *th_roller = lv_roller_create(sb, NULL); lv_roller_set_options(th_roller, th_options, true); lv_obj_set_event_cb(th_roller, theme_select_event_handler); lv_obj_t *hue_label = lv_label_create(sb, NULL); lv_label_set_text(hue_label, "\nColor"); lv_obj_t *hue_roller = lv_roller_create(sb, NULL); lv_roller_set_options(hue_roller, "0\n30\n60\n90\n120\n150\n" "180\n210\n240\n270\n300\n330", true); lv_obj_set_event_cb(hue_roller, hue_select_event_cb); if (hres > vres) { lv_obj_set_height(sb, vres - lv_obj_get_height(header)); lv_cont_set_fit2(sb, LV_FIT_TIGHT, LV_FIT_NONE); lv_obj_align(sb, header, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 0); lv_page_set_sb_mode(sb, LV_SB_MODE_DRAG); } else { lv_obj_set_size(sb, hres, vres / 2 - lv_obj_get_height(header)); lv_obj_align(sb, header, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 0); lv_page_set_sb_mode(sb, LV_SB_MODE_AUTO); } } /**************************************************************************** * Name: content_create * * Description: * Initialize the global content object, create a number of objects * within it * * Input Parameters: * None * * Returned Value: * None * * Assumptions/Limitations: * ****************************************************************************/ static void content_create(void) { lv_coord_t hres = lv_disp_get_hor_res(NULL); lv_coord_t vres = lv_disp_get_ver_res(NULL); content = lv_page_create(lv_disp_get_scr_act(NULL), NULL); if (hres > vres) { lv_obj_set_size(content, hres - lv_obj_get_width(sb), vres - lv_obj_get_height(header)); lv_obj_set_pos(content, lv_obj_get_width(sb), lv_obj_get_height(header)); } else { lv_obj_set_size(content, hres, vres / 2); lv_obj_set_pos(content, 0, vres / 2); } lv_page_set_scrl_layout(content, LV_LAYOUT_PRETTY); lv_page_set_scrl_fit2(content, LV_FIT_FLOOD, LV_FIT_TIGHT); lv_coord_t max_w = lv_page_get_fit_width(content); /* Button */ lv_obj_t *btn = lv_btn_create(content, NULL); lv_btn_set_ink_in_time(btn, 200); lv_btn_set_ink_wait_time(btn, 100); lv_btn_set_ink_out_time(btn, 500); lv_obj_t *label = lv_label_create(btn, NULL); lv_label_set_text(label, "Button"); /* Switch */ lv_obj_t *sw = lv_sw_create(content, NULL); lv_sw_set_anim_time(sw, 250); /* Check box */ lv_cb_create(content, NULL); /* Bar */ lv_obj_t *bar = lv_bar_create(content, NULL); lv_obj_set_width(bar, LV_MATH_MIN(max_w, 3 * LV_DPI / 2)); #if LV_USE_ANIMATION lv_anim_t a; a.var = bar; a.start = 0; a.end = 100; a.exec_cb = (lv_anim_exec_xcb_t)bar_set_value; a.path_cb = lv_anim_path_linear; a.ready_cb = NULL; a.act_time = 0; a.time = 1000; a.playback = 1; a.playback_pause = 100; a.repeat = 1; a.repeat_pause = 100; lv_anim_create(&a); #endif /* Slider */ lv_obj_t *slider = lv_slider_create(content, NULL); lv_obj_set_width(slider, LV_MATH_MIN(max_w, 3 * LV_DPI / 2)); lv_slider_set_value(slider, 30, false); /* Roller */ static const char *days = "Monday\nTuesday\nWednesday\n" "Thursday\nFriday\nSaturday\nSunday"; lv_obj_t *roller = lv_roller_create(content, NULL); lv_roller_set_options(roller, days, false); /* Drop down list */ static const char *nums = "One\nTwo\nThree\nFour"; lv_obj_t *ddlist = lv_ddlist_create(content, NULL); lv_ddlist_set_options(ddlist, nums); /* Line meter */ lv_obj_t *lmeter = lv_lmeter_create(content, NULL); lv_obj_set_click(lmeter, false); #if LV_USE_ANIMATION a.var = lmeter; a.start = 0; a.end = 100; a.exec_cb = (lv_anim_exec_xcb_t)lv_lmeter_set_value; a.path_cb = lv_anim_path_linear; a.ready_cb = NULL; a.act_time = 0; a.time = 1000; a.playback = 1; a.playback_pause = 100; a.repeat = 1; a.repeat_pause = 100; lv_anim_create(&a); #endif /* Gauge */ lv_obj_t *gauge = lv_gauge_create(content, NULL); lv_gauge_set_value(gauge, 0, 47); lv_obj_set_size(gauge, LV_MATH_MIN(max_w, LV_DPI * 3 / 2), LV_MATH_MIN(max_w, LV_DPI * 3 / 2)); lv_obj_set_click(gauge, false); /* Text area */ lv_obj_t *ta = lv_ta_create(content, NULL); lv_obj_set_width(ta, LV_MATH_MIN(max_w, LV_DPI * 3 / 2)); lv_ta_set_one_line(ta, true); lv_ta_set_text(ta, "Type..."); /* Keyboard */ lv_obj_t *kb = lv_kb_create(content, NULL); lv_obj_set_width(kb, max_w - LV_DPI / 4); lv_kb_set_ta(kb, ta); lv_obj_t *mbox = lv_mbox_create(lv_disp_get_scr_act(NULL), NULL); lv_obj_set_drag(mbox, true); lv_mbox_set_text(mbox, "Choose a theme and a color on the left!"); static const char *mbox_btns[] = { "Ok", "" }; lv_mbox_add_btns(mbox, mbox_btns); lv_obj_align(mbox, NULL, LV_ALIGN_CENTER, 0, 0); } /**************************************************************************** * Name: theme_select_event_handler * * Description: * Callback for the theme selection event * * Input Parameters: * roller - the roller object that triggered the action * event - the theme select evnet type * * Assumptions/Limitations: * ****************************************************************************/ static void theme_select_event_handler(lv_obj_t *roller, lv_event_t event) { if (event == LV_EVENT_VALUE_CHANGED) { lv_coord_t hres = lv_disp_get_hor_res(NULL); lv_coord_t vres = lv_disp_get_ver_res(NULL); uint16_t opt = lv_roller_get_selected(roller); th_act = themes[opt]; lv_theme_set_current(th_act); lv_obj_align(header, NULL, LV_ALIGN_IN_TOP_MID, 0, 0); lv_obj_align(sb, header, LV_ALIGN_OUT_BOTTOM_LEFT, 0, 0); if (hres > vres) { lv_obj_set_size(content, hres - lv_obj_get_width(sb), vres - lv_obj_get_height(header)); lv_obj_set_pos(content, lv_obj_get_width(sb), lv_obj_get_height(header)); } else { lv_obj_set_size(content, hres, vres / 2); lv_obj_set_pos(content, 0, vres / 2); } lv_page_focus(sb, roller, LV_ANIM_ON); } } /**************************************************************************** * Name: hue_select_event_cb * * Description: * Callback for the hue selection event * * Input Parameters: * roller - the roller object that triggered the action * event - the hue select evnet type * * Assumptions/Limitations: * ****************************************************************************/ static void hue_select_event_cb(lv_obj_t *roller, lv_event_t event) { if (event == LV_EVENT_VALUE_CHANGED) { uint16_t hue = lv_roller_get_selected(roller) * 30; init_all_themes(hue); lv_theme_set_current(th_act); lv_page_focus(sb, roller, LV_ANIM_ON); } } /**************************************************************************** * Name: init_all_themes * * Description: * Initialize all compiled-in themes to a hue * * Input Parameters: * hue - The HSV hue to use for the theme's color * * Returned Value: * None * * Assumptions/Limitations: * This must be adjusted if more themes are added. * ****************************************************************************/ static void init_all_themes(uint16_t hue) { int i = 0; /* Disalbe warning when no theme selected. */ UNUSED(i); #if LV_USE_THEME_NIGHT themes[i++] = lv_theme_night_init(hue, NULL); #endif #if LV_USE_THEME_MATERIAL themes[i++] = lv_theme_material_init(hue, NULL); #endif #if LV_USE_THEME_ALIEN themes[i++] = lv_theme_alien_init(hue, NULL); #endif #if LV_USE_THEME_ZEN themes[i++] = lv_theme_zen_init(hue, NULL); #endif #if LV_USE_THEME_NEMO themes[i++] = lv_theme_nemo_init(hue, NULL); #endif #if LV_USE_THEME_MONO themes[i++] = lv_theme_mono_init(hue, NULL); #endif #if LV_USE_THEME_DEFAULT themes[i++] = lv_theme_default_init(hue, NULL); #endif } /**************************************************************************** * Name: bar_set_value * * Description: * Initialize all compiled-in themes to a hue * * Input Parameters: * bar - bar instance * value - value of bar * ****************************************************************************/ static void bar_set_value(lv_obj_t *bar, int16_t value) { lv_bar_set_value(bar, value, LV_ANIM_OFF); } /**************************************************************************** * Public Functions ****************************************************************************/ /**************************************************************************** * Name: lv_test_theme_2 * * Description: * Setup the theme-switching demo application objects * * Input Parameters: * None * * Returned Value: * None * * Assumptions/Limitations: * ****************************************************************************/ void lv_test_theme_2(void) { /* By doing this, we hide the first (empty) option. */ if (th_options[0] == '\n') th_options++; init_all_themes(0); th_act = themes[0]; if (th_act == NULL) { LV_LOG_WARN("lv_test_theme_2: no theme is enabled. Check lv_conf.h"); return; } lv_theme_set_current(th_act); lv_obj_t *scr = lv_obj_create(NULL, NULL); lv_disp_load_scr(scr); header_create(); sb_create(); content_create(); } #endif /* CONFIG_EXAMPLES_LVGLDEMO_THEME_2 */