add some code
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
|
||||
Simple Text area
|
||||
----------------
|
||||
|
||||
.. lv_example:: widgets/textarea/lv_example_textarea_1
|
||||
:language: c
|
||||
|
||||
|
||||
Text area with password field
|
||||
-----------------------------
|
||||
|
||||
.. lv_example:: widgets/textarea/lv_example_textarea_2
|
||||
:language: c
|
||||
|
||||
Text auto-formatting
|
||||
--------------------
|
||||
|
||||
.. lv_example:: widgets/textarea/lv_example_textarea_3
|
||||
:language: c
|
||||
|
||||
Text area cursor styling
|
||||
------------------------
|
||||
|
||||
.. lv_example:: widgets/textarea/lv_example_textarea_4
|
||||
:language: c
|
||||
@@ -0,0 +1,45 @@
|
||||
#include "../../lv_examples.h"
|
||||
#if LV_USE_TEXTAREA && LV_BUILD_EXAMPLES
|
||||
|
||||
static void textarea_event_handler(lv_event_t * e)
|
||||
{
|
||||
lv_obj_t * ta = lv_event_get_target_obj(e);
|
||||
LV_UNUSED(ta);
|
||||
LV_LOG_USER("Enter was pressed. The current text is: %s", lv_textarea_get_text(ta));
|
||||
}
|
||||
|
||||
static void btnm_event_handler(lv_event_t * e)
|
||||
{
|
||||
lv_obj_t * obj = lv_event_get_target_obj(e);
|
||||
lv_obj_t * ta = (lv_obj_t *)lv_event_get_user_data(e);
|
||||
const char * txt = lv_buttonmatrix_get_button_text(obj, lv_buttonmatrix_get_selected_button(obj));
|
||||
|
||||
if(lv_strcmp(txt, LV_SYMBOL_BACKSPACE) == 0) lv_textarea_delete_char(ta);
|
||||
else if(lv_strcmp(txt, LV_SYMBOL_NEW_LINE) == 0) lv_obj_send_event(ta, LV_EVENT_READY, NULL);
|
||||
else lv_textarea_add_text(ta, txt);
|
||||
|
||||
}
|
||||
|
||||
void lv_example_textarea_1(void)
|
||||
{
|
||||
lv_obj_t * ta = lv_textarea_create(lv_screen_active());
|
||||
lv_textarea_set_one_line(ta, true);
|
||||
lv_obj_align(ta, LV_ALIGN_TOP_MID, 0, 10);
|
||||
lv_obj_add_event_cb(ta, textarea_event_handler, LV_EVENT_READY, ta);
|
||||
lv_obj_add_state(ta, LV_STATE_FOCUSED); /*To be sure the cursor is visible*/
|
||||
|
||||
static const char * btnm_map[] = {"1", "2", "3", "\n",
|
||||
"4", "5", "6", "\n",
|
||||
"7", "8", "9", "\n",
|
||||
LV_SYMBOL_BACKSPACE, "0", LV_SYMBOL_NEW_LINE, ""
|
||||
};
|
||||
|
||||
lv_obj_t * btnm = lv_buttonmatrix_create(lv_screen_active());
|
||||
lv_obj_set_size(btnm, 200, 150);
|
||||
lv_obj_align(btnm, LV_ALIGN_BOTTOM_MID, 0, -10);
|
||||
lv_obj_add_event_cb(btnm, btnm_event_handler, LV_EVENT_VALUE_CHANGED, ta);
|
||||
lv_obj_remove_flag(btnm, LV_OBJ_FLAG_CLICK_FOCUSABLE); /*To keep the text area focused on button clicks*/
|
||||
lv_buttonmatrix_set_map(btnm, btnm_map);
|
||||
}
|
||||
|
||||
#endif
|
||||
@@ -0,0 +1,66 @@
|
||||
#include "../../lv_examples.h"
|
||||
#if LV_USE_TEXTAREA && LV_USE_KEYBOARD && LV_BUILD_EXAMPLES
|
||||
|
||||
static void ta_event_cb(lv_event_t * e);
|
||||
|
||||
static lv_obj_t * kb;
|
||||
|
||||
void lv_example_textarea_2(void)
|
||||
{
|
||||
/*Create the password box*/
|
||||
lv_obj_t * pwd_ta = lv_textarea_create(lv_screen_active());
|
||||
lv_textarea_set_text(pwd_ta, "");
|
||||
lv_textarea_set_password_mode(pwd_ta, true);
|
||||
lv_textarea_set_one_line(pwd_ta, true);
|
||||
lv_obj_set_width(pwd_ta, lv_pct(40));
|
||||
lv_obj_set_pos(pwd_ta, 5, 20);
|
||||
lv_obj_add_event_cb(pwd_ta, ta_event_cb, LV_EVENT_ALL, NULL);
|
||||
|
||||
/*Create a label and position it above the text box*/
|
||||
lv_obj_t * pwd_label = lv_label_create(lv_screen_active());
|
||||
lv_label_set_text(pwd_label, "Password:");
|
||||
lv_obj_align_to(pwd_label, pwd_ta, LV_ALIGN_OUT_TOP_LEFT, 0, 0);
|
||||
|
||||
/*Create the one-line mode text area*/
|
||||
lv_obj_t * text_ta = lv_textarea_create(lv_screen_active());
|
||||
lv_textarea_set_one_line(text_ta, true);
|
||||
lv_textarea_set_password_mode(text_ta, false);
|
||||
lv_obj_set_width(text_ta, lv_pct(40));
|
||||
lv_obj_add_event_cb(text_ta, ta_event_cb, LV_EVENT_ALL, NULL);
|
||||
lv_obj_align(text_ta, LV_ALIGN_TOP_RIGHT, -5, 20);
|
||||
|
||||
/*Create a label and position it above the text box*/
|
||||
lv_obj_t * oneline_label = lv_label_create(lv_screen_active());
|
||||
lv_label_set_text(oneline_label, "Text:");
|
||||
lv_obj_align_to(oneline_label, text_ta, LV_ALIGN_OUT_TOP_LEFT, 0, 0);
|
||||
|
||||
/*Create a keyboard*/
|
||||
kb = lv_keyboard_create(lv_screen_active());
|
||||
lv_obj_set_size(kb, LV_HOR_RES, LV_VER_RES / 2);
|
||||
|
||||
lv_keyboard_set_textarea(kb, pwd_ta); /*Focus it on one of the text areas to start*/
|
||||
|
||||
/*The keyboard will show Arabic characters if they are enabled */
|
||||
#if LV_USE_ARABIC_PERSIAN_CHARS && LV_FONT_DEJAVU_16_PERSIAN_HEBREW
|
||||
lv_obj_set_style_text_font(kb, &lv_font_dejavu_16_persian_hebrew, 0);
|
||||
lv_obj_set_style_text_font(text_ta, &lv_font_dejavu_16_persian_hebrew, 0);
|
||||
lv_obj_set_style_text_font(pwd_ta, &lv_font_dejavu_16_persian_hebrew, 0);
|
||||
#endif
|
||||
|
||||
}
|
||||
|
||||
static void ta_event_cb(lv_event_t * e)
|
||||
{
|
||||
lv_event_code_t code = lv_event_get_code(e);
|
||||
lv_obj_t * ta = lv_event_get_target_obj(e);
|
||||
if(code == LV_EVENT_CLICKED || code == LV_EVENT_FOCUSED) {
|
||||
/*Focus on the clicked text area*/
|
||||
if(kb != NULL) lv_keyboard_set_textarea(kb, ta);
|
||||
}
|
||||
|
||||
else if(code == LV_EVENT_READY) {
|
||||
LV_LOG_USER("Ready, current text: %s", lv_textarea_get_text(ta));
|
||||
}
|
||||
}
|
||||
|
||||
#endif
|
||||
@@ -0,0 +1,41 @@
|
||||
#include "../../lv_examples.h"
|
||||
#if LV_USE_TEXTAREA && LV_USE_KEYBOARD && LV_BUILD_EXAMPLES
|
||||
|
||||
static void ta_event_cb(lv_event_t * e);
|
||||
|
||||
static lv_obj_t * kb;
|
||||
|
||||
/**
|
||||
* Automatically format text like a clock. E.g. "12:34"
|
||||
* Add the ':' automatically.
|
||||
*/
|
||||
void lv_example_textarea_3(void)
|
||||
{
|
||||
/*Create the text area*/
|
||||
lv_obj_t * ta = lv_textarea_create(lv_screen_active());
|
||||
lv_obj_add_event_cb(ta, ta_event_cb, LV_EVENT_VALUE_CHANGED, NULL);
|
||||
lv_textarea_set_accepted_chars(ta, "0123456789:");
|
||||
lv_textarea_set_max_length(ta, 5);
|
||||
lv_textarea_set_one_line(ta, true);
|
||||
lv_textarea_set_text(ta, "");
|
||||
|
||||
/*Create a keyboard*/
|
||||
kb = lv_keyboard_create(lv_screen_active());
|
||||
lv_obj_set_size(kb, LV_HOR_RES, LV_VER_RES / 2);
|
||||
lv_keyboard_set_mode(kb, LV_KEYBOARD_MODE_NUMBER);
|
||||
lv_keyboard_set_textarea(kb, ta);
|
||||
}
|
||||
|
||||
static void ta_event_cb(lv_event_t * e)
|
||||
{
|
||||
lv_obj_t * ta = lv_event_get_target_obj(e);
|
||||
const char * txt = lv_textarea_get_text(ta);
|
||||
if(txt[0] >= '0' && txt[0] <= '9' &&
|
||||
txt[1] >= '0' && txt[1] <= '9' &&
|
||||
txt[2] != ':') {
|
||||
lv_textarea_set_cursor_pos(ta, 2);
|
||||
lv_textarea_add_char(ta, ':');
|
||||
}
|
||||
}
|
||||
|
||||
#endif
|
||||
@@ -0,0 +1,51 @@
|
||||
#include "../../lv_examples.h"
|
||||
#if LV_USE_TEXTAREA && LV_USE_KEYBOARD && LV_BUILD_EXAMPLES
|
||||
|
||||
static void create_styled_textarea_cursor(const char * txt, lv_coord_t y_ofs, lv_style_t * cursor_style)
|
||||
{
|
||||
lv_obj_t * ta = lv_textarea_create(lv_screen_active());
|
||||
lv_textarea_set_text(ta, txt);
|
||||
lv_obj_set_width(ta, 280);
|
||||
lv_obj_align(ta, LV_ALIGN_TOP_MID, 0, y_ofs);
|
||||
lv_textarea_set_one_line(ta, true);
|
||||
lv_obj_add_state(ta, LV_STATE_FOCUSED);
|
||||
lv_obj_add_style(ta, cursor_style, LV_PART_CURSOR | LV_STATE_FOCUSED);
|
||||
lv_textarea_set_cursor_pos(ta, 0);
|
||||
}
|
||||
|
||||
void lv_example_textarea_4(void)
|
||||
{
|
||||
static lv_style_t style_simple, style_block, style_underline;
|
||||
|
||||
/* Thin left bar cursor (simple) */
|
||||
lv_style_init(&style_simple);
|
||||
lv_style_set_border_color(&style_simple, lv_palette_main(LV_PALETTE_RED));
|
||||
|
||||
/* Underline cursor */
|
||||
lv_style_init(&style_underline);
|
||||
lv_style_set_bg_opa(&style_underline, LV_OPA_TRANSP);
|
||||
lv_style_set_border_color(&style_underline, lv_palette_main(LV_PALETTE_BLUE));
|
||||
lv_style_set_border_side(&style_underline, LV_BORDER_SIDE_BOTTOM);
|
||||
lv_style_set_pad_hor(&style_underline, 1); /* set width of cursor using pad */
|
||||
lv_style_set_border_width(&style_underline, 3); /* set thickness of underline cursor */
|
||||
|
||||
/* Full block cursor with many styles */
|
||||
lv_style_init(&style_block);
|
||||
lv_style_set_bg_opa(&style_block, LV_OPA_COVER);
|
||||
lv_style_set_bg_color(&style_block, lv_palette_main(LV_PALETTE_ORANGE));
|
||||
lv_style_set_bg_grad_color(&style_block, lv_palette_main(LV_PALETTE_YELLOW));
|
||||
lv_style_set_bg_grad_dir(&style_block, LV_GRAD_DIR_VER);
|
||||
lv_style_set_border_color(&style_block, lv_palette_main(LV_PALETTE_RED));
|
||||
lv_style_set_border_side(&style_block, LV_BORDER_SIDE_FULL);
|
||||
lv_style_set_border_width(&style_block, 1);
|
||||
lv_style_set_radius(&style_block, 4);
|
||||
lv_style_set_text_color(&style_block, lv_color_white());
|
||||
lv_style_set_pad_all(&style_block, 1); /* set width of cursor using pad */
|
||||
|
||||
/* Create 3 independent textareas, each with a unique styled cursor */
|
||||
create_styled_textarea_cursor("This is a simple red cursor", 10, &style_simple);
|
||||
create_styled_textarea_cursor("This is an underline blue cursor", 110, &style_underline);
|
||||
create_styled_textarea_cursor("This is a complex block cursor", 60, &style_block);
|
||||
}
|
||||
|
||||
#endif
|
||||
Reference in New Issue
Block a user