LVGL--文本区域部件(lv_textarea)

文本区域部件(lv_textarea)

在这里插入图片描述

文本部件的相关API

	//知识点1:创建文本区域部件
    lv_obj_t *ta = lv_textarea_create(lv_scr_act());                //创建文本框部件
	
	//知识点2:添加文本
//    lv_textarea_add_char(ta,'A');                                   //添加一个字符到当前光标处
//    lv_textarea_add_text(ta,"BCDF");                                //添加字符串到当前光标处
    lv_obj_t *keyboard = lv_keyboard_create(lv_scr_act());          //创建键盘部件
    lv_keyboard_set_textarea(keyboard,ta);                          //管理键盘和文本区域

	//知识点3:设置光标位置
    lv_textarea_set_cursor_pos(ta,1);                               //0:最左侧,LV_TEXTAREA_CURSOR_LAST:最右侧

	//知识点4:删除文本
    lv_textarea_delete_char(ta);                                    //删除光标左侧字符
    lv_textarea_delete_char_forward(ta);                            //删除光标右侧字符

	//知识点5:设置模式
    lv_textarea_set_one_line(ta,true);                              //单行模式,超过会出现拖动条
    lv_textarea_set_password_mode(ta,true);                         //密码模式(隐藏输入的内容)
    lv_textarea_set_password_show_time(ta,100);                     //密码显示时间

	//知识点6:限制字符输入
    lv_textarea_set_accepted_chars(ta,"0123456789");                //限制接收的字符
    lv_textarea_set_max_length(ta,6);                               //限制字符的长度
	
	//知识点7:设置占位符
    lv_textarea_set_placeholder_text(ta,"password");                //提示输入密码
    lv_obj_add_event_cb(ta,event_cb,LV_EVENT_VALUE_CHANGED,NULL);   //添加回调函数
    
void event_cb(lv_event_t *e)
{
    lv_obj_t *target = lv_event_get_target(e);
	//知识点8:获取文本
    const char *txt = lv_textarea_get_text(target);					//获取文本框内容
    //知识点9:比对文本内容
    if(strcmp(txt,"123456") == 0)		//当s1==s2时,返回0
        printf("pass\n");
    printf("%s\n",txt);
}

效果如下

在这里插入图片描述

  • 9
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
以下是使用 lvgl V7.11.0 实现 textarea 文本编辑的代码示例: ```c // 创建 textarea lv_obj_t *textarea = lv_textarea_create(lv_scr_act(), NULL); lv_textarea_set_text(textarea, "Hello, world!"); // 配置 textarea 样式 lv_style_t style_textarea; lv_style_copy(&style_textarea, &lv_style_pretty); style_textarea.body.opa = LV_OPA_70; style_textarea.body.radius = 5; lv_textarea_set_style(textarea, LV_TEXTAREA_STYLE_BG, &style_textarea); // 配置 textarea 位置和大小 lv_obj_set_width(textarea, 200); lv_obj_set_height(textarea, 100); lv_obj_align(textarea, NULL, LV_ALIGN_CENTER, 0, 0); // 配置 textarea 文本编辑模式 lv_textarea_set_cursor_hidden(textarea, true); // 隐藏光标 lv_textarea_set_one_line(textarea, false); // 支持多行文本 lv_textarea_set_accepted_chars(textarea, "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz .,;:-?!"); // 只接受指定字符 // 配置 textarea 回调函数 lv_textarea_set_text_sel(textarea, true); // 允许选中文本 lv_textarea_set_cursor_pos(textarea, LV_TEXTAREA_CURSOR_LAST); // 将光标移动到文本末尾 lv_textarea_set_cursor_type(textarea, LV_CURSOR_BLOCK); // 光标样式为块状 lv_textarea_set_action(textarea, textarea_action); // 设置回调函数 // 定义 textarea 回调函数 static void textarea_action(lv_obj_t *textarea, lv_event_t event) { if (event == LV_EVENT_VALUE_CHANGED) { char *text = lv_textarea_get_text(textarea); printf("Textarea value changed: %s\n", text); lv_mem_free(text); } } ``` 以上代码中,我们首先创建了一个 textarea 对象,并设置了初始文本为 "Hello, world!"。接着,我们配置了 textarea 的样式、位置和大小,以及文本编辑模式和回调函数。 在回调函数中,我们使用 `lv_textarea_get_text()` 方法获取用户输入的文本,并打印在控制台上。 需要注意的是,textarea 回调函数只有在文本发生改变时才会被触发,因此我们必须通过 `lv_textarea_set_text()` 方法来修改 textarea文本内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值