nuttx-apps/examples/lvgldemo/lv_test_theme_2.c

/****************************************************************************
 * 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 <kisvegabor@gmail.com>
 *
 * 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 <graphics/lvgl.h>

#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 */